jquery SuperSlide带标题焦点图滚动切换插件



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

31 123 42



特效描述:带标题焦点图 滚动切换。jquery SuperSlide带标题焦点图滚动切换插件

代码结构

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<div id="slideBox" class="slideBox">
	<div class="bd">
		<ul>
			<li>
				<a href="https://www.51qianduan.com/">51前端</a>
				<div class="burder_content">
					<span class="burder_content_type">小编推荐</span>
					<a href="https://www.51qianduan.com/">51前端</a>
					<p class="burder_content_content">各位玩家们新年好。梦想微评测新春特别节目《梦想之最年度评选》,在近期就将发布第一集了。敬请各位玩家朋友们期待!</p>
					<a href="https://www.51qianduan.com/">51前端</a>
				</div>
			</li>
			<li>
				<a href="https://www.51qianduan.com/">51前端</a>
				<div class="burder_content">
					<span class="burder_content_type">游戏春晚</span>
					<a href="https://www.51qianduan.com/">51前端</a>
					<p class="burder_content_content">由游戏地域工作室制作的“2014游戏地域春晚”节目单近日正式发布。与往年不同,除了传统的游戏节目之外,本次晚会更是首推payday2游戏短剧,又有各类大牌登场亮相,不可谓不精彩。</p>
					<a href="https://www.51qianduan.com/">51前端</a>
				</div>
			</li>
			<li>
				<a href="https://www.51qianduan.com/">51前端</a>
				<div class="burder_content">
					<span class="burder_content_type">资源下载</span>
					<a href="https://www.51qianduan.com/">51前端</a>
					<p class="burder_content_content">Strike Games制作发行的一款第一人称射击防御游戏,游戏中玩家需要击退一波波的敌人,从而升级武器,取得胜利。</p>
					<a href="https://www.51qianduan.com/">51前端</a>
				</div>
			</li>
			<li>
				<a href="https://www.51qianduan.com/">51前端</a>
				<div class="burder_content">
					<span class="burder_content_type">资源下载</span>
					<a href="https://www.51qianduan.com/">51前端</a>
					<p class="burder_content_content">游戏可以在第三和第一视觉间转换。玩家可以定制自己的角色,组合、创作武器、载具和建筑。同时,玩家必须对抗大量不同智慧程度的敌人并保护幸存的殖民者们。游戏里还会有任务系统,玩家达成npc给予的任务来推动剧情发展;此外游戏还有多人游戏模式,让玩家们可以联机一起历险和搭建。</p>
					<a href="https://www.51qianduan.com/">51前端</a>
				</div>
			</li>
			<li>
				<a href="https://www.51qianduan.com/">51前端</a>
				<div class="burder_content">
					<span class="burder_content_type">小编推荐</span>
					<a href="https://www.51qianduan.com/">51前端</a>
					<p class="burder_content_content">《汽车修理工模拟2014》是一款汽车修理工模拟类游戏。在游戏中玩家要扮演一个新人修理工,在汽车修理厂修改大大小小各式车辆,并在修理完之后进行试驾。</p>
					<a href="https://www.51qianduan.com/">51前端</a>
				</div>
			</li>
			<li>
				<a href="https://www.51qianduan.com/">51前端</a>
				<div class="burder_content">
					<span class="burder_content_type">小编推荐</span>
					<a href="https://www.51qianduan.com/">51前端</a>
					<p class="burder_content_content">由Zen Studio制作的音乐战斗游戏《击打节奏》(KickBeat)已登录PC的Steam平台。玩家通过与背景音乐节奏的合拍来完成一系列的武术动作,同时一系列自定义的连招也成为了可能。游戏将包括一系列授权音乐,知名的乐手有Rob Zombie, Marilyn Manson,当然玩家也可以导入自己电脑上的曲目。</p>
					<a href="https://www.51qianduan.com/">51前端</a>
				</div>
			</li>
		</ul>
	</div>
	<div class="hd">
		<ul>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li><a href="https://www.51qianduan.com/">51前端</a></li>
			<li style="border-right:1px solid #d5d5d5; width:163px;"><a href="https://www.51qianduan.com/">51前端</a></li>
		</ul>
	</div>
</div>
<script type="text/javascript">$(".slideBox").slide({ mainCell:".bd ul",effect:"left",autoPlay:true} );</script> 



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


热门标签: 滚动导航菜单 带标题的焦点图 滚动切换 带缩略图的幻灯片 带简介的焦点图 图片滚动 图片轮播 文字滚动 自动滚动图片轮播 图片文字滚动 马赛克幻灯片 全屏滚动 全屏焦点图 页面滚动 滚动流动 flash焦点图 自动滚动图片轮播 焦点图幻灯片

×
×
51前端

注册

×
绑定手机

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

×
单次下载支付

应付金额:279

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

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

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

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