jQuery仿乐视电影网站带缩略图的焦点图轮播特效代码下载


jQuery仿乐视电影网站带缩略图的焦点图轮播特效代码下载
jQuery仿乐视电影网站带缩略图的焦点图轮播特效代码下载以及仿乐视电影网站、带缩略图、焦点图轮播等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/slide.js"></script>

3. HTML代码

<div class="Aflash">
	<ul class="picUL">
		<li class="picLI" id="j-focusPic">
			<div class="picbox j-slider">
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
				<span class="j-item"><a href="https://www.51qianduan.com/">51前端</a></span>
			</div>
			<div class="bg j-infobg"></div>
			<div class="info j-info"></div><!--填充内容-->
			<div class="info j-infocontainer" style="display:none;">
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div>
				<div class="infotxt w">
					<h2><a href="https://www.51qianduan.com/">51前端</a></h2>
					<p><a href="https://www.51qianduan.com/">51前端</a></p>
				</div> 
			</div>
		</li>
	</ul>
	<div class="infobtn" id="j-focusBtns">
		<div class="pre on-1"><a href="javascript:void(0)"></a><i style="display:none"></i></div>
		<div class="smalpic j-container">
			<div class="smallbox j-slider"> 
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
				<a href="https://www.51qianduan.com/">51前端</a>
			</div>
		</div>
		<div class="next"><a href="javascript:void(0)"></a><i style="display:none"></i></div>
	</div>
</div>
<script type="text/javascript" src="js/slide.js"></script> 

相关推荐

发表评论

相关文章