jquery简单的图片展示效果_jquery

来源：动视网责编：小采时间：2020-11-27 20:46:16

jquery简单的图片展示效果_jquery

jquery简单的图片展示效果_jquery: jquery练习——简单的图片结果展示效果--cnblogs libsource/ #cfoot ul,#cfoot li{ margin:0;padding:0;list-style-type:none; } #cdiv{ width:500px;height:500px;line-height:500px;text-align:c

推荐度：

点击下载本文 文档为doc格式

导读jquery简单的图片展示效果_jquery: jquery练习——简单的图片结果展示效果--cnblogs libsource/ #cfoot ul,#cfoot li{ margin:0;padding:0;list-style-type:none; } #cdiv{ width:500px;height:500px;line-height:500px;text-align:c

<html> 
<head> 
<title>jquery练习——简单的图片结果展示效果--cnblogs libsource/</title> 
<style> 
#cfoot ul,#cfoot li{ 
margin:0;padding:0;list-style-type:none; 
} 
#cdiv{ 
width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left; 
} 
#cfoot li{ 
display:inline-block;width:100px;height:100px;line-height:100px;float:left;text-align:center;border:1px solid 
#D5DDF9;margin-right:20px;cursor:pointer; 
} 
#cfoot li.cur{ 
border:1px solid #ffcc33; 
} 
#cleft,#cright{ 
float:left;text-align:center;width:50px;height:500px;display:inline-block;cursor:pointer; 
} 
#cright{ 
float:right; 
} 
.clearfloat{ 
clear: both;height: 0;font-size: 1px;line-height: 0px; 
} 
</style> 
</head> 
<body> 
 
> 
 
< 
 
 
图片1 
 
 
<br class="clearfloat"/> 
 
 
<li class="cur" pv="图片1">缩略1</li> 
<li pv="图片2">缩略2</li> 
<li pv="图片3">缩略3</li> 
<li pv="图片4">缩略4</li> 
<li pv="图片5">缩略5</li> 
 
 
</ script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

jquery简单的图片展示效果_jquery

推荐度：

点击下载本文 文档为doc格式

标签：图片的图片特效

热门焦点

jquery简单的图片展示效果_jquery

jquery简单的图片展示效果_jquery

jquery简单的图片展示效果_jquery

最新推荐

猜你喜欢

热门推荐