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>