用手指可以滑动的幻灯片,轮播图片,适合放在ANDROID.WebView里面

最新推荐文章于 2020-08-24 22:06:21 发布

loveifa

最新推荐文章于 2020-08-24 22:06:21 发布

阅读量1.6k

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/loveifa/article/details/8654723

版权

html/css 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

开始!!

本文以手机新浪网上面的轮播图片做为参考,稍作改动...

首先是html部分...

<div class="imgScroller">
			<div id="scroller" data-role="slide"  class="slide_img_list">
<div class="img_box"><a href="http://dp.sina.cn/dpool/hdpic/download.php?ch=1&sid=38400&aid=30693&pos=108&vt=4"><img width="320" height="143" src="http://r3.sinaimg.cn/2/2013/0309/47/d/66389626/320x143x100x0x0x0.jpg" data-src="http://r3.sinaimg.cn/2/2013/0309/47/d/66389626/320x143x100x0x0x0.jpg"  alt="委内瑞拉为查韦斯办国葬" /></a><h2>委内瑞拉为查韦斯办国葬</h2></div><div class="img_box"><a href="http://dp.sina.cn/dpool/hdpic/download.php?ch=1&sid=2841&aid=30691&pos=108&vt=4"><img width="320" height="143" src="http://r3.sinaimg.cn/2/2013/0309/97/0/63389375/320x143x100x0x0x0.jpg" data-src="http://r3.sinaimg.cn/2/2013/0309/97/0/63389375/320x143x100x0x0x0.jpg"  alt="商场内衣秀吸引数千市民围观" /></a><h2>商场内衣秀吸引数千市民围观</h2></div><div class="img_box"><a href="http://dp.sina.cn/dpool/hdpic/download.php?ch=1&sid=2841&aid=30687&pos=108&vt=4"><img width="320" height="143" src="http://u1.sinaimg.cn/upload/2011/08/15/5532.jpg" data-src="http://r3.sinaimg.cn/2/2013/0309/ac/1/50390367/320x143x100x0x0x0.jpg" alt="消防员跳粪坑救人狂反胃" /></a><h2>消防员跳粪坑救人狂反胃</h2></div>

			</div>
		<div id="nav"  class="img_indicator"></div>
	</div>

加入css <link href="http://u1.sinaimg.cn/upload/2013/03/05/28187.css?pos=108&vt=4" rel="stylesheet" type="text/css" />

加入js<script src="http://u1.sinaimg.cn/upload/sinanew/js/index/mvc_20120803.js">