特效描述:图文消息 列表滚动。jQuery图文消息列表滚动特效代码下载
代码结构
1. 引入CSS
<link rel="stylesheet" type="text/css" href="css/index.css">
2. 引入JS
<script src="js/jquery.min.js"></script> <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
3. HTML代码
<ul id="file0"> <li> <img src="img/t1.png" > <h3>这是第一条消息</h3> <p>今天心星期三天气晴</p> </li> <li> <img src="img/t2.png" > <h3>这是第二条消息</h3> <p>今天心星期三天气晴</p> </li> <li> <img src="img/t3.png" > <h3>这是第三条消息</h3> <p>今天心星期三天气晴</p> </li> <li> <img src="img/t4.png" > <h3>这是第四条消息</h3> <p>今天心星期三天气晴</p> </li> <li> <img src="img/t5.png" > <h3>这是第五条消息</h3> <p>今天心星期三天气晴</p> </li> <li> <img src="img/t3.png" > <h3>这是第六条消息</h3> <p>今天心星期三天气晴</p> </li> </ul> <div style="text-align:center;margin:150px 0; font:normal 14px/24px 'MicroSoft YaHei';"> </div>