特效描述:利用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">>>更多</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>