jquery 简单的图片展示效果

<br /><b><br /><b><br /><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></b> </p><p>> </p><p>< </p><p>图片1 </p><p><br class="clearfloat" /> </p><p>缩略1<br />缩略2<br />缩略3<br />缩略4<br />缩略5 </p><p></b><br />
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]