jQuery带滑块焦点图片滚动切换特效代码下载



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

14 54 19



特效描述:带滑块焦点图片 滚动切换。jQuery带滑块焦点图片滚动切换特效代码下载

代码结构

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<div class="focusWrap">
	<div class="focusCon" id="j_Focus">
		<div class="focusL">
			<ul class="ulFocus" id="j_FocusNav">
				<li rel="0"><span>酷狗7正式版发布<br/>音乐魔力全线绽放</span></li>
				<li rel="1"><span>海量免费高清MV<br/>更清晰更流畅</span></li>
				<li rel="2"><span>酷狗7:音乐魔方<br/>带给你全新播放体验</span></li>
				<li rel="3"><span>个性化歌曲推荐<br/>酷狗猜你喜欢</span></li>
				<li rel="4"><span>酷狗收音机<br/>重新认识电台魅力</span></li>
				<li rel="5"><span>手机酷狗3.0<br/>无线音乐新序章</span></li>
			</ul>
			<div class="back" id="j_FocusBack"></div>
		</div>
		<div class="focusM">
			<ul class="ulFCon" id="j_FocusCon">
				<li><a href="#"><img src="images/1.jpg" alt="酷狗7正式版发布" /></a></li>
				<li><a href="#"><img src="images/2.jpg" alt="海量免费高清MV" /></a></li>
				<li><a href="#"><img src="images/3.jpg" alt="酷狗7:音乐魔方" /></a></li>
				<li><a href="#"><img src="images/4.jpg" alt="个性化歌曲推荐" /></a></li>
				<li><a href="#"><img src="images/5.jpg" alt="酷狗收音机" /></a></li>
				<li><a href="#"><img src="images/6.jpg" alt="手机酷狗3.0" /></a></li>
			</ul>
		</div>
	</div>
	<div class="focusR">
		<div class="kugoo"><a href="#">马上下载酷狗7</a></div>
		<ul class="ulHot">
			<li><a href="#">酷狗音乐2011</a></li>
			<li><a href="#">手机酷狗3.0版</a></li>
			<li><a href="#">酷狗网络收音机</a></li>
			<li><a href="#">酷狗叮咚</a></li>
		</ul>
	</div>
</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动导航菜单 滚动切换 图片滚动 文字滚动 图片文字滚动 全屏滚动 页面滚动 滚动流动 自动滚动图片轮播

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到