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天

知道了
彩01彩票 www.cp473.com-大发快三彩票怎么玩| www.495177.com-足彩的软件-| www.192065.com-江苏快三中奖玩法| www.09790.com-银彩通与福彩| www.508574.com-高频彩拉人骗局| www.624199.com-豪彩投是什么意思| www.763533.com-福建福彩7乐彩| www.879002.com-忆彩彩票-| www.956755.com-彩泥做法大全| 易彩网www.36166i.com| www.148550.com-乐优炫彩提现不了| www.27139.cc-台湾时时彩5分开奖| www.73zm.com-鞍山3d黑彩-| www.866542.com-昨晚的彩票中奖号码| www.cp7368.com-什么叫快三彩票| www.q77.top-山东体彩网官方网站| www.fo65.com-中国体彩网唯一官网| www.9975.online玩彩老头作独家推荐| www.970817.com-合江中彩票-| www.bg10.cc-福彩双色球预测军辉| www.141686.com-广东彩票手机版| www.012248.com-昨天福利彩票开几号| www.840228.com-南国彩票直播| www.935900.com-彩神打印机曲线| www.994567.cc-重庆时时彩实时开奖| www.jc78.com-河南省快三玩法| www.00ku.com-写彩虹的现代诗| www.97dw.com-体彩排五走势带连线| www.318251.com-十字彩怎么算| www.411683.com-手机彩票开奖号码| www.5312.com-彩客网网址是多少| www.kv65.com-全国最大人人快三| www.80pm.com-长江彩票app| www.201656.com-河北快三36期| www.337535.com-注册送377彩金| www.03949.com-多摩豪全彩漫画下载| www.318949.com-福利彩票代销费返还| www.a72.com-霍金彩票计算公式| www.336666.com-湖南福彩快三| www.408484.com-网上购七星彩| www.567303.com-苹果手机彩膜黑色| www.701176.com-福彩专刊报-| www.797286.com-京彩娱乐下载地址| www.995554.com-购彩之家为什么关了| www.764316.com-彩神岛合法吗| www.29385.com-1516app彩票| www.023802.com-澳客彩票客户端安卓| www.336126.com-香港快三玩法| www.527865.com-赢彩计划app| www.611223.com-彩票贷款案例流程| www.687100.com-重庆快彩快三| www.583873.com-足彩大赢家软件下载| www.0824.org-购买足彩的软件| www.49718.com-足彩缩水软件app| www.406377.com-中国彩礼排行| www.3089.net-七是彩开奖-| www.073887.com-江苏福彩快3官网| www.343543.com-大华彩票计划| www.518211.com-559彩票网正规吗| www.639269.com-8彩票直通车官网| www.762692.com-两分时彩有群吗| www.885771.com-类似567的彩票| 500彩票网www.65707s.com| www.36dm.com-彩票购买支付宝账号| www.354098.com-足彩球队身价| www.508774.com-利盈国际彩票代理| www.699205.com-乐彩彩票登录网址| www.885497.com-七星彩离奇中奖故事| www.989946.com-彩漂液对身体有害吗| www.0513.site-双色球江苏福彩| www.04268.com-足球竞彩彩票网| www.vt93.com-腾讯彩票快三是真的| www.953967.com-彩票店能追号吗| 福利彩票www.99677p.com| www.pc20.com-彩票赌大小能玩吗| www.92fi.com-网络购彩违法吗| www.899984.com-天天彩票怎么下载| www.133336.com-快三广告图-| www.254494.com-好运彩票平台可靠吗| www.405583.com-豫彩通助手-| www.55297.com-时时彩怎么打才稳| www.147873.com-财神彩票提现快吗| www.697231.com-彩票中三等奖| www.905092.com-福利彩票代理加盟| www.jm03.com-28彩票全程骗局| www.qk05.com-福彩好彩天地| www.598517.com-19020期七星彩| www.662388.com-彩票计划网站怎么做| www.730711.com-查看全国彩开奖| www.871577.com-3d彩票缩水软件| www.948792.com-中国彩票种类| 大赢家彩票平台www.375967.com| www.39795.cc-彩票软件邀请码| www.544255.com-如意彩票坑人吗| www.75wt.com-彩票软件工具| www.6813.org-6000w彩票-| www.77386.cc-手机彩票能玩吗| www.456953.com-彩71下载app| www.858613.com-七星彩明月珰番外| www.992751.com-代理广东福彩| www.nj05.com-客彩网比分直播| www.46637.com-腾讯时时彩人工计划| www.378956.com-篮球即时比分彩票| www.604769.com-玩时时彩输钱报警| www.726474.com-下载爱乐透彩票| www.870412.com-中博国际彩票干嘛的| www.968782.com-彩票倍投计算公式| www.uj.com-河北快三电脑走势图| www.j91.net-体彩竞彩足球比分| www.50377.cc-买彩票越输越想赢| www.034428.com-nba彩票网站| www.xi36.com-怎样下载甘肃福彩| www.823772.com-360彩票不能用了| www.31623.cc-易彩网大乐透| www.045947.com-无锡福彩机器转让| www.8965.net-旺彩双色球应用| www.67199.cc-阜阳彩票中奖名单| www.799800.com-送彩金白菜qq群| www.931183.com-uu直播彩票怎么玩| 500彩票www.887771.com| www.451002.com-打黑彩票欠钱用给吗| www.637090.com-手机版彩虹六号| www.158153.com-竞彩打水-| www.980429.com-成功彩票怎么样| www.qx50.com-腾讯时时彩规则| www.198047.com-快三和值奖金表| www.291659.com-苹果盛世彩票| www.218322.com-福彩网址是多少| www.334808.com-彩八彩票安卓版官网| www.279159.com-福彩3d论坛杀码| www.508696.com-手机怎样玩体彩| www.250225.com-云购彩-| www.257350.com-江苏福彩快三玩法| www.000623.com-多彩网彩票安卓版| www.051291.com-19042足彩-| www.205672.com-幸运快三计划群| www.305844.com-彩6官方彩票网| www.402577.com-鑫彩国际是骗子吗| www.44yx.cc-快三一共有几期| www.4642.cn-买彩票输了如何回本| www.056878.com-彩票试玩平台网址| www.690759.com-澳客足彩网胜平负| www.804168.com-大奖彩票聊天室| www.899261.com-快三未出号码| www.964343.com-内蒙快三手机软件| www.120125.com-全球彩合法吗| www.386099.com-南充福利彩票官网| www.516444.com-中发彩-| www.62df.com-福彩3d中奖办法| www.2988.site-万豪彩票下载安装| www.68195.cc-体育彩票竞彩店转让| www.43pq.com-彩8神-| www.592499.com-下载7彩网络| www.215595.com-一分快三下载链接| www.0471.cn-g购彩彩票-| www.6568.in-开福彩店利润怎么来| www.21931.cc-刷彩是干嘛的| www.949845.com-福利彩票极速3d| www.ai68.com-昨天的彩票开奖| www.662342.com-重庆彩票网中奖查询| www.23672.com-竞彩九场-| www.753171.com-安装彩钢夹芯板| www.28355.com-镇江体彩中心地址| www.254653.com-好彩app江苏快3|