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.ti71.com-k彩福地彩票| www.73jv.com-牛头炫彩皮肤| www.484826.com-国彩技术-| www.27641.com-好彩客苹果版和安卓| www.2508.website6彩开奖结果| www.dd66.com-上海快三爱彩乐| www.312953.com-彩票双色球幸运选号| www.515952.com-中福彩票输赢有多大| www.806311.com-体彩黑龙江11选5| www.986365.com-福彩金手指报纸| www.nx89.com-福彩快3网上查询| www.22fy.com-大乐彩票开奖查| www.886383.com-好运彩票app下载| www.az14.com-江西多乐彩开奖走势| www.up01.cc-甘肃快三爱乐彩| www.21bm.com-福彩几点-| www.122.cm-大象彩票app| www.316999.com-江苏快三大小口诀| www.536.in-英皇时时彩app| www.933482.com-福彩app靠谱吗| 手机购彩www.721588.com| 中彩网www.61233r.com| www.024853.com-福刮彩票开奖结果| www.255276.com-送彩金棋牌-| www.xd14.com-南国七星彩规律图| www.92190.com-竞彩的发展形势| www.8301.loan-网彩坑人-| www.40299.com-在线刮刮彩-| www.576752.com-手机鸿运彩票下载| www.kb42.com-福彩三个红号有奖吗| www.994749.com-最新版好彩客| www.ml35.com-好彩堂论坛-| www.17hs.com-彩票书双色球秘籍| www.574290.cc-牛人彩票app| www.710107.com-女孩子加微信聊彩票| www.829077.cc-梦到别人中彩票大奖| www.964763.com-福彩快3有什么规律| www.tg6.com-青海快三走势图案| www.6081.cm-瑞彩祥云apk| www.314344.com-足彩胜负平-| www.478787.com-足彩全包最牛技巧| 成功彩票www.le33.cc| www.37747.com-c02彩票登录平台| www.rc84.com-香港彩票走势图| www.11sy.com-天下彩票一天下彩网| www.363.biz-福利彩票多少中奖| www.5475.me-彩虹世界下载安装| www.13628.cc-足彩36o-| www.958402.com-甘肃体彩官网app| www.bn.cc-体育彩票任3技巧| www.130256.com-7星彩和值走势图表| www.97592.com-时时彩电子走势图| www.807899.com-中国体彩直播现场| www.889854.com-98年彩票最大奖| www.960666.cc-彩票刷反水-| 500彩票www.26299x.com| www.en87.com-民彩网-| www.7980.com-彩色跑活动道具| www.748358.com-红彩app苹果版| www.353701.com-亚洲第二博彩公司| www.77bf.cc-红姐图库彩图彩色| www.1413.com-大发快三钱提不出来| www.752789.com-澳发彩票下载安装| www.818968.com-安阳有转让彩票站| www.894433.com-彩63官方-| www.956233.com-下载彩票开奖查询| 818合彩www.www.9889hc.com| www.146829.com-新浪篮彩比分直播| www.106152.com-雅彩彩票信誉好吗| www.75wp.com-分分彩漏洞在哪里| www.883485.com-信博彩票怎么登录| www.63448.com-胜负彩数据分析| www.cp0928.com-江苏快三破解器下载| www.087010.com-彩福大厦最高是几楼| www.132496.com-彩妆店连锁-| www.38yy.cc-鸿运彩票兼职| www.160983.com-快三彩票规律| www.68wc.com-分分彩必赚投注方法| www.4582.xyz-欢乐彩直播结果| www.01231.com-五分彩是真的还是假| www.334484.com-不让提现的彩票| www.vg8.com-安然七星彩专家预测| www.54wr.com-福彩中心公众号| www.424180.com-免费彩票全年资料| www.653263.com-辉煌彩票极速快三| www.114821.com-乐彩网摘文集| www.923078.com-网易天天爱彩票| www.cai7900.com吉林快三动态走势图| www.183838.com-银川福彩3d-| www.757926.com-彩票作假事件视频| www.833871.com-晚晚好彩今日| www.902324.com-开黑彩-| www.965272.com-久久发彩票邀请码| www.876711.com-七乐彩几点停止销售| www.963564.com-被彩票托骗了| 大赢家彩票平台www.109615.com| www.299537.com-广西福彩官方客户端| www.370867.com-新彩瓷器-| www.210310.com-幸运快三下载软件| www.567179.com-旺彩3d网官网下载| www.570929.com-福彩3d机开号码| www.654939.com-七星彩论坛下载安装| www.255155.com-彩票规律的计算方法| www.879937.com-内蒙古快三热点| www.954041.com-uu快三怎么玩| www.999655.com-福彩杀码定胆| www.lb81.com-冀彩宝最新版本| www.396259.com-万国彩宝是什么品牌| www.735233.com-概率说彩-| www.303758.com-福彩3d真实谎言| www.080766.com-快三能不能赢钱| www.972295.com-七星彩彩票结果| www.756877.com-彩民彩票无法提现| www.924212.com-综艺股份旗下福彩| www.431311.com-49gcc特彩-| www.434894.com-贵州体彩范劲松| www.562908.com-彩坛之王-| www.5137.cc-广州福彩网官方网站| www.114395.com-福彩3d十位杀号| www.984446.com-福彩摇筛子-| www.13ti.com-天下彩天天好彩| www.4975.top-福彩微信交流群号码| www.4792.biz-老式万彩吧下载| www.13838.cc-008彩-| www.57849.com-牛彩3d图迷报| www.29rp.com-陕西体育彩票官网| www.98lf.com-彩票杀人案-| www.2004.mobi-r8国际彩票靠谱吗| www.361896.com-彩虹秒赞美化| www.022167.com-彩吧3d天宇图库| www.983547.com-pk彩票-| www.341883.com-诺亚时时彩老客户端| www.535590.com-属龙今日打彩票| www.028474.com-福彩3d图谜三四版| www.193700.com-福利彩票25-| www.552397.com-乐彩网最新开奖结果| www.869234.com-七星彩一千期走势图| www.800402.com-网络彩票作弊器| www.893081.com-在线做号工具时时彩| www.961483.com-大奖彩票到底怎么样| www.cp0.com-分分快三计划免费版| www.27ea.com-珠海彩票店转让| www.40125.com-苹果九万彩票官网| www.623.live-有没有福彩三分彩| www.854796.com-所新浪竞彩比分直播| www.86139.cc-彩涂铝板的用途| www.209732.com-大发快三安全平台| www.128257.com-福彩双色球蓝球预测| www.660461.com-彩6买哪个版本好| www.780366.com-下载分分中彩| www.853214.com-金福彩票黑吗| www.977780.com-一分彩一天开多少期| www.cg3.com-好彩1-| www.hx25.com-快三万能和值| www.a98.cn-各彩种开奖结果| www.096065.com-体育彩票的规则| www.731895.cc-彩色压印地面价格| www.bg34.com-5分彩-| www.060111.com-三分快三专家预测| www.82pf.com-大奖彩票极速赛车| www.948710.com-体彩中奖结果| www.2228.vip-彩薇花护手霜| www.296510.com-竞彩足球走势图| www.956609.com-靠足彩赚钱的人|