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天

知道了
中乐彩票 www.6981.org-七彩云盒子破解| www.383596.com-买一百块钱的彩票| www.515478.com-阜阳彩票案最终结果| www.603825.com-娱乐竞猜彩票| www.686470.com-500时彩下载| www.j25.me-双色球牛彩预测| www.56kp.com-福彩好做不-| www.7908.vip-18098期足彩| www.93972.cc-dd福彩邀请码| www.176139.com-大发快三彩票app| www.262891.com-各大彩票网址| www.138702.com-湖南体彩官方网站| www.621504.com-福彩快乐10分攻略| www.777294.com-彩八仙官网苹果版本| www.891172.com-字彩票用语-| 网易彩票www.177949.com| www.3xr.com-地球人彩票是真的吗| www.881340.com-高频彩数字概率| www.983908.com-七星彩早版区加急版| www.mk18.com-十大彩票排名| www.054456.com-众网彩票是骗局吗| www.76qj.com-每天都可以买彩票吗| www.630597.com-中福彩票事件| www.4zt.com-好彩香烟爆珠薄荷| www.560285.com-内蒙快三明日推荐| www.661221.com-中国彩吧彩吧论坛| www.764159.com-01彩票com-| www.847858.com-竞彩害死多少人| www.918270.com-海南七星彩玩法介绍| www.994945.com-好彩堂网-| www.ej36.com-体彩快乐十分钟开奖| www.vm02.com-三分彩在线计划网| www.18fb.com-彩久彩票app下载| www.842.date-星际彩票app下载| www.933245.com-网上博彩是违法的吗| 500彩票www.229075.com| www.16208.com-竞彩投注计算器| www.304781.com-快三怎么稳赢| www.71527.cc-1号彩票官网| www.323427.com-福建七乐彩走势图| www.8631.xyz-天天彩开奖现场直播| www.4426.cn-燕赵福彩走势图| www.276605.com-十分彩的江苏快三| www.334918.com-乐彩网3地-| www.430404.com-二分彩计划网站| www.172178.com-湖北彩票-| www.9581.xyz-福彩幸运农场玩法| www.u25.cc-赢彩网怎么玩| www.089910.com-福彩跑马幸运彩| www.105819.com-牛蛙彩四不像03| www.74486.com-七乐彩开8个号码| www.20fa.com-香江彩计划-| www.p29.cc-体育彩票有几种买法| www.117343.com-体彩官网湖南| www.230198.com-盈彩怎么赚钱| www.60422.com-沈兴辉彩票什么梗| www.888734.com-七乐彩历史中奖号码| 亿彩www.6832p.com| www.326227.com-彩票大师app下载| www.418701.com-好彩香烟铁盒包装| www.099079.com-网赚彩票团队| www.163912.com-乐米彩票提现短信| www.953501.com-好彩堂红财神报| www.s59.cn-今晚彩票3d开什么| www.375629.com-彩金鲨鱼游戏机价格| www.94498.com-今天的电脑彩| www.858.hk-时时彩任三选号技巧| www.9794.biz-k彩平台登陆| www.761784.com-河北彩票开奖杳询| www.i68.hk-福彩三天计划必出来| www.183190.com-买福彩快三技巧| www.486597.com-阿拉善盟福彩中心| www.626021.com-富华彩票53330| www.44iu.com-彩93彩票ios| www.256077.com-中国快三app下载| www.256138.com-快三拉花教学慢动作| www.400289.com-海南七彩票今天| www.h33.com-财政部控制体育彩票| www.6383.me-彩票平台招代理加盟| www.526597.com-私彩非法经营| www.218002.com-易彩软件-| www.127117.com-彩色铅笔风景画教程| www.099368.com-中国福彩预测中心| www.335441.com-福利彩票怎么玩法| www.498633.com-网易福彩走势图表| www.822001.com-彩票容错方法| www.926522.com-256彩票app-| www.986492.com-竞彩足球开奖详细| www.gv57.com-彩票代理下级开户| www.32551.com-快三守号输了几十万| www.769774.com-好彩店注册-| 环球彩票www.768656.com| www.gv16.com-快三彩票玩法| www.ut60.com-彩票套利月入过万| www.02xk.com-阳光彩虹小白马原唱| www.57su.com-乐米彩票中大奖后| www.497.date-即时彩是什么| www.282239.com-福建体彩论坛| www.009835.com-熊猫彩票8-| www.733896.com-彩米图片-| www.932161.com-彩票倍投盈亏计算器| 彩乐乐www.3005u.com| www.440430.com-彩票挂机软件有用吗| www.932073.com-官方时时彩黑吗| www.13.club-体育彩票多少位数字| www.i80.mobi-江苏快三代振幅走势| www.10xl.com-彩铅画手绘花教程| www.al58.com-七星彩对数表| www.vd00.com-河南快三开奖时间| www.17ny.com-欧洲赛车彩票| www.974782.com-采44彩票-| www.wz4.cc-河南体彩网-| www.vl57.com-中央教育台直播福彩| www.09ta.com-码雅彩票-| www.8986.net-新时代彩票可靠吗| www.834799.com-好彩黑蓝好多钱一包| www.335799.com-山东体彩网首页| www.479409.com-竞彩加奖20%| www.568546.com-微彩论坛排列5| www.639441.com-彩票站买假刮刮乐| www.709517.com-网上彩票被骗案例| www.797693.com-彩民彩票撤销订单| www.881349.com-安卓博彩软件| www.962092.com-最新一期福彩号码| www.ps43.com-新彩吧3d字谜汇总| www.254552.com-网赌输了买彩票翻身| www.378925.com-k彩app-| www.zq65.com-3d彩报图今天的| www.24cc.com-买彩票的微信名字| www.779671.com-福彩3d定百位技巧| www.858499.com-双色球彩报联销图| www.905762.com-网络黑彩处罚| www.956061.com-9万彩票坑-| www.999580.com-中国体彩排列五中奖| www.tt3.com-七彩奖开奖结果| www.mj11.com-网赌输了买彩票翻身| www.d58.vip-万能彩票中奖软件| www.15xe.com-结婚彩礼全国排行榜| www.987974.com-稳赢彩票-| www.5ji.cc-彩票中福快3| www.028920.com-彩票研究走势有用吗| www.763991.com-华宇彩票是真的吗| www.541996.com-亚洲彩票能赚钱吗| www.630666.com-福彩充值截图| www.704561.com-梧桐彩票官网| www.800068.cc-福建体彩网官方微博| www.116969.com-福彩3d教父可信吗| www.657910.com-利博彩票平台| www.120425.com-广西快三正规吗| www.pq47.com-哈尔滨快三查询结果| www.62393.cc-网络彩票真的假的| www.06568.com-福彩3d万能4码| www.822533.com-爱博彩票0098| www.060484.com-玩网络彩票警察抓吗| www.940969.com-快三私人接单有没有| www.988453.com-广东体彩中心地址| www.gj.com-福彩选号器-| www.825965.com-七星彩老鼠精长局图| www.953042.com-鸿运彩票官方| www.qu05.com-于海彩票案-| www.66767.com-彩票掉包-| www.142851.com-广东福彩站主之家| www.954870.com-瑞彩祥云如何作弊| www.615166.com-彩票可以自助买了|