原生js仿YOKA时尚网7日重头戏图片滚动切换特效代码下载

代码结构

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="https://www.51qianduan.com/">51前端</a></dd>
	</dl>
	<div id="bd1lfimg">
		<div>
			<dl>
				<dt><img src="images/U75P1T121D58F2756DT20100301132449.jpg"></dt>
				<dd>明星教你OL上位穿衣术</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>2010享乐旅行时间表</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>奥斯卡典礼明星时尚潮流全解析</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>让你爱恨交加的数码潮衣</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>查询星座血型情侣速配结果</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>测试 你有当贵妇的命吗</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>白色情人节好礼表心意有奖搭配</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>明星教你OL上位穿衣术</dd>
			</dl>
			<dl>
				<dt><a href="https://www.51qianduan.com/">51前端</a></dt>
				<dd>2010享乐旅行时间表</dd>
			</dl>
		</div>
	</div>
	<div id="bd1lfsj">
		<ul></ul>
	</div>
</div>
<script>movec();</script>