jquery图片显示插件
要一堆图集横排显示,显示不下第二行显示,每个图片下面还有文字说明等信息,有没有这样的插件,不是实现幻灯片那样的...
要一堆图集横排显示,显示不下第二行显示,每个图片下面还有文字说明等信息,有没有这样的插件,不是实现幻灯片那样的
展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励30(财富值+成长值)
展开全部
这个要自己写的,实际很简单的。如:
<div style="width:600px;">
<ul>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
</ul>
</div>
你只要样式定义
ul li{ float:left;}定义好li的高度宽度。li div里的样式写好就行了。最外的div一定要有宽度,这样li超出这个宽度会自动换到第二行的。
<div style="width:600px;">
<ul>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
<li><div><img src="*****"><br/><a>标题</a></div></li>
</ul>
</div>
你只要样式定义
ul li{ float:left;}定义好li的高度宽度。li div里的样式写好就行了。最外的div一定要有宽度,这样li超出这个宽度会自动换到第二行的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询