QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 选项卡/滑动门 > jquery新闻资讯列表TAB滚动切换代码

原创商用 jquery新闻资讯列表TAB滚动切换代码

jquery 实现简单大气企业建站新闻资讯列表TAB切换效果,帮助中心 左右切换效果?;趕uperslide开发,下载即可使用。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

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

2、head引入js文件

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

3、body引入HTML代码

<div class="magic-background">
	<div class="magic-content">
		<div class="magic-header">
			<h2 class="magic-header-title">帮助中心</h2>
			<div class="magic-tab">
				<div class="hd magic-tab-head">
					<ul class="clearfix">
						<li class="on" style="margin-left:0">新闻资讯</li>
						<li>建站帮助</li>
					</ul>
				</div>
				<div class="bd magic-tab-body">
					<ul class="clearfix">
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">06-22</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">网亮相2018广州创交会 企业营销服务引关注</span>
									</a>
								</h3>
								<p>6月22日,2018创交会在广州广交会展馆隆重举行,网首次亮相创交会因其参展平台网的创新性和高效性而备受关注……</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">06-21</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">功能更新(6月第二期)</span>
									</a>
								</h3>
								<p>手风琴效果、手机支持二级导航、服务导航支持自定义颜色、横幅支持文字描述等。</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">06-07</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">功能更新(6月第一期)</span>
									</a>
								</h3>
								<p>复制栏目,折叠标签新功能,预约按钮自定义,优惠券链接等等</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">05-30</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">建站荣获2018数博会领先科技成果“入围优秀项目”奖</span>
									</a>
								</h3>
								<p>5月26日,2018中国国际大数据产业博览会于贵州省贵阳市盛大召开,同期举行大数据领先科技成果发布系列活动,并揭晓获奖名单,其中建站荣获2018中国国际大数据产业博览领先科技成果“入围优秀项目”荣誉……</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">05-24</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">功能更新(5月第二期)</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
					</ul>
					<ul class="clearfix">
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="icon-hot"></span>
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
						<li>
							<div class="magic-item-title">
								<div class="magic-item-text">07-02</div>
								<div class="magic-item-time">2018</div>
							</div>
							<div class="magic-item-info">
								<h3 class="magic-info-title">
									<a href="#">
										<span class="magic-info-text">连续三年荣获“广东省守合同重信用企业”荣誉称号</span>
									</a>
								</h3>
								<p>近日,顺利通过广东省工商行政管理局的评审,连续三年获评“广东省守合同重信用企业”荣誉称号,并获颁荣誉牌匾和荣誉证书</p>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(".magic-tab").slide({
		effect: "left",
		autoPlay: false,
		delayTime: 500
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
58福彩 www.09082.com-福彩3d教父交流群| www.203050.com-湖北彩票开奖公告| www.373653.com-足球竞彩赛果开奖| www.274118.com-皇家时时彩-| www.547669.com-彩票马甲包怎么回事| www.739377.com-彩票过滤工具| www.938306.com-开门彩双色球预测| www.lu83.com-一分快三大中华彩票| www.51qs.com-开奖时间快的彩票| www.6957.org-七彩视界软件| www.018232.com-2018新型彩票| www.632095.com-时时彩四星杀号方法| www.cp516.cc-快三官方平台| www.02iq.com-vr彩票漏洞赚钱| www.7748.wang-腾讯分分彩独胆| www.196010.com-彩票站电视版走势图| www.cn33.com-天下彩免费资料综| www.kk11.cc-广西官方网快三| www.529433.com-87彩票网首页| www.699699.cc-香港正版彩神三码| www.35ph.com-足彩什么时候开售| www.67864.com-vr3分彩合法吗| www.104873.com-中免好彩蓝莓双爆| www.212238.com-乐彩-| www.374638.com-福彩快三查询表| 豪彩VIPwww.175568.com| www.wm91.com-快三彩票内蒙下载| www.915693.com-开体彩店要多少钱| www.73vy.com-用彩铅画荷花教程| www.24556.com-彩铅入门画人物| www.038956.com-大将军网投彩票| www.263450.com-七乐彩奖励-| www.445400.com-靠谱的彩票带玩平台| www.571369.com-海口快三彩票| www.733532.com-福彩3d2004-| www.pm82.com-彩圣字谜今天| www.53637.cc-扑克彩票3开奖结果| www.8879.loan-足彩基础知识| www.646767.com-体彩职业彩民| www.787054.com-澳门彩票入口| www.928155.com-大型彩色复印机价格| www.qs64.com-怎么加盟福利彩票| www.91wm.com-中国福彩网怎么登录| www.647547.com-今天的体彩开奖公告| www.48pk.com-张星彩历史简介| www.7860.cc-下载好运来彩票网| www.67344.com-武汉福利彩票中奖者| www.052521.com-江苏快三走势一定牛| www.166577.com-快三彩票在线投注| www.288809.cc-彩票店宣传语| www.415768.com-七彩阳光视频下载| www.968782.com-彩票倍投计算公式| www.wf58.com-幸运彩票注册| www.8898.top-竞彩足球平其他| www.553071.com-彩票源码百度云盘| www.740833.com-幸运28彩票网站| www.889934.com-旭辉研彩软件下载| www.979118.com-好彩烟看真假| www.gg12.com-福建福彩快3定牛| www.37mm.com-申国福利彩票彩吧| www.2116.org-彩票对打套利技巧| www.24403.com-少儿彩铅画教案| www.95737.com-竞彩足球必中神单| www.113550.com-买彩票能发财吗| www.391517.com-网易彩票关闭了吗| www.144242.com-体彩扑克牌开奖结果| www.12077.cc-体彩手机投注怎么玩| www.004383.com-福利彩票停售后| www.085078.com-苹果手机版彩票软件| www.mu55.com-购彩票下载-| www.93jq.com-最近中国福利彩票站| www.53756.cc-澳洲时时彩5| www.099081.com-网赚彩票-| www.219492.com-高频快开彩票| www.703083.com-竞彩足球比分分析| www.29371.com-流文溢彩-| www.373079.com-3d小财神彩票| www.to.com-彩票吧-| www.m48.top-福彩网圈套-| www.99un.com-乐彩vip怎么下载| www.83944.com-亳州天价彩礼事件| www.218055.com-易彩娱乐下载安装| www.385607.com-七星彩32期-| www.783688.com-网络销售彩票工作| www.330198.com-3d彩吧库图第一版| www.558303.com-如何画好彩铅线稿| www.763725.com-神计划人工时时彩| www.911007.com-体彩五地-| www.da04.com-人人中彩票腾牛网| www.6mi.com-博雅彩票网站| www.2117.wang-江苏体彩在线app| www.198202.com-快三走势图100期| www.419055.com-江苏快三快彩| www.591589.com-sb博彩公司全称| www.200478.com-前天福彩3d开奖号| www.457418.com-恒彩娱-| www.964017.com-福彩三d和直跨度表| www.au90.com-彩神争霸llapp| www.42gi.com-3d彩票稳定-| www.491901.com-凤凰彩票兼职吧| www.8210.org-赢彩彩票与我同行| www.158442.com-网易彩票网靠谱吗| www.838314.com-竞彩博冷什么意思| www.04ml.com-app彩票购彩大厅| www.75559.cc-赛马会合法彩票开奖| www.267868.com-湖北快三开奖走势| www.792689.com-彩票九骗局-| www.20vd.com-选三个号是什么彩票| www.15628.com-彩铅大白菜教程| www.238215.com-发彩官网-| www.502392.com-多彩投众筹靠谱吗| www.833341.com-3b福彩彩报-| www.41yw.com-云购彩票软件| www.2192.top-福彩断组预测| www.237636.com-竞彩app哪个好| www.371862.cc-牛彩是什么靠谱吗| www.684287.com-福彩3d不收费论坛| www.895039.com-怎么投资彩票赚钱| www.7401.cn-上海体彩店地址| www.881150.com-百姓网彩票站出兑| www.979130.com-七星彩彩经网| www.dk7.cc-快三高手-| www.h12.biz-中彩网开奖公告号码| www.98ai.com-新博瑞彩票有多久了| www.5031.cc-吉祥彩票是不是黑网| www.10833.com-567彩票时时彩| www.55135.com-浙江省12选5乐彩| www.019883.com-时时彩五星直选玩法| www.103749.com-好彩1生肖怎么玩| www.224242.com-下载福彩3d藏机图| www.382306.com-博汇彩票怎么回事| www.542654.com-快三模拟投注器| www.641088.com-一生荣耀彩票| www.061.cc-众彩网初出茅庐杀号| www.216370.com-彩票的税-| www.5278.site-今天赛马派彩和结果| www.24181.com-赌彩票的软件有哪些| www.90347.com-福彩三d侠客论坛| www.267259.com-胜负彩500网| www.717077.com-彩铅渐变法-| www.022872.com-环球彩票是正规的嘛| www.381944.com-彩仙阁手机版| www.288359.com-彩狮时时彩专业计划| www.750680.com-久兴彩票-| www.6307.vip-乐透型彩票开奖结果| www.114106.com-二十选五彩票开奖号| www.655166.com-皇庭彩园怎么样| www.815898.com-昨天彩票号码| www.dq09.com-5省快三-| www.22nc.com-159竟彩足球| www.99772.cc-快三高手投注技巧| www.120617.com-河南快三组合走势| www.239685.com-百事彩票快三| www.352983.com-天彩翼飞包包怎么样| www.dx23.com-易彩桌面官方版下载| www.53dj.cc-彩票体验金账号| www.am45.cc-购买双色球彩票网站| www.546277.com-赛马赛果及派彩丶| www.uq37.com-福彩3d五行图选号| www.74pp.com-利澳彩票-| www.7030.cc-众乐彩是不是骗人的| www.55697.cc-福彩3d好难中| www.105722.com-超级时时彩手机软件| www.277025.com-七星彩票app下载|