jquery 简单的图片展示效果

</p> <p><title>jquery练习——简单的图片结果展示效果--cnblogs libsource/</title> </p> <p>#cfoot ul,#cfoot li{<br /> margin:0;padding:0;list-style-type:none;<br /> }<br /> #cdiv{<br /> width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left;<br /> }<br /> #cfoot li{<br /> display:inline-block;width:100px;height:100px;line-height:100px;float:left;text-align:center;border:1px solid<br /> #D5DDF9;margin-right:20px;cursor:pointer;<br /> }<br /> #cfoot li.cur{<br /> border:1px solid #ffcc33;<br /> }<br /> #cleft,#cright{<br /> float:left;text-align:center;width:50px;height:500px;display:inline-block;cursor:pointer;<br /> }<br /> #cright{<br /> float:right;<br /> }<br /> .clearfloat{<br /> clear: both;height: 0;font-size: 1px;line-height: 0px;<br /> } </p> <p>> </p> <p>< </p> <p>图片1 </p> <p><br class="clearfloat <ul> <li class="cur">缩略1</li> <li>缩略2</li> <li>缩略3</li> <li>缩略4</li> <li>缩略5</li> </ul> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

您可能感兴趣的文章:

• Jquery 焦点图 用于图片展示效果代码
• jQuery Lightbox 图片展示插件使用说明
• 图片展示效果 鼠标经过变大图，支持FF
• AJAX 图片展示框架56个 提升开发效率
• 33个优秀的 jQuery 图片展示插件分享