jQuery新闻图片上下轮播滚动特效代码下载


jQuery新闻图片上下轮播滚动特效代码下载
jQuery新闻图片上下轮播滚动特效代码下载以及新闻图片、上下轮播滚动等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/lbnews.js"></script>

3. HTML代码

<div class="wrap">
	<div class="scrollbox cl">
		<div class="scroltit"><small id="but_up"><img src="images/icon6.png"></small><small id="but_down"><img src="images/icon6_1.png"></small></div>
		<div id="scrollDiv">
			<ul>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>1一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>2一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>3一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>4一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>5一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>6一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
				<li><a href='#'><img src="images/innew.jpg" width="148" height="90"><span><h4>7一周精彩 关键词热搜</h4><p>2014,行业变革如雷霆万钧2014历经风雨日臻成熟。回眸2014,追忆那些感动的瞬间</p><em>→</em></span></a></li>
			</ul>
		</div>
	</div>
</div>

相关推荐

发表评论

相关文章