网站首页
无损音乐
高清电影
游戏新闻
动漫资讯
破解资源
站长资源
游戏攻略
jquery 简单的图片展示效果
网络编程 发布日期：2026/1/17 浏览次数：
1
正在浏览：jquery 简单的图片展示效果
<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> <ul> <li>缩略1</li> <li>缩略2</li> <li>缩略3</li> <li>缩略4</li> <li>缩略5</li> </ul> </body> </html>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
上一篇：
js textarea自动增高并隐藏滚动条
下一篇：
javascript 动态设置已知select的option的value值的代码
首页
无损音乐
高清电影
破解资源