利用js实现图片滚动切换特效



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

150 599 200



特效描述:利用js实现 图片滚动切换。利用js实现图片滚动切换特效

代码结构

1. 引入CSS

<link href="css/style.css" type="text/css" rel="stylesheet" />

2. 引入JS

<script type="text/javascript" src="js/script.js"></script>

3. HTML代码

<div class="picdate">
	<dl class="bd1lfti sl">
		<dt><img src="images/n9.gif"></dt>
		<dd><a href="http://51qianduan.com/" target="_blank">&gt;&gt;更多</a></dd>
	</dl>
	<div id="bd1lfimg">
		<div>
			<dl>
				<dt><img src="images/U75P1T121D58F2756DT20100301132449.jpg"></dt>
				<dd>明星教你OL上位穿衣术</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2761DT20100301154624.jpg"></a></dt>
				<dd>2010享乐旅行时间表</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2732DT20100310104156.jpg"></a></dt>
				<dd>奥斯卡典礼明星时尚潮流全解析</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2733DT20100312100300.jpg"></a></dt>
				<dd>让你爱恨交加的数码潮衣</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2734DT20100318114201.jpg"></a></dt>
				<dd>查询星座血型情侣速配结果</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2735DT20100312153520.jpg"></a></dt>
				<dd>测试 你有当贵妇的命吗</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2736DT20100312110347.jpg"></a></dt>
				<dd>白色情人节好礼表心意有奖搭配</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2756DT20100301132449.jpg"></a></dt>
				<dd>明星教你OL上位穿衣术</dd>
			</dl>
			<dl>
				<dt><a href="http://51qianduan.com/" target="_blank"><img src="images/U75P1T121D58F2761DT20100301154624.jpg"></a></dt>
				<dd>2010享乐旅行时间表</dd>
			</dl>
		</div>
	</div>
	<div id="bd1lfsj">
		<ul></ul>
	</div>
</div>
<script>movec();</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册



×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到