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.285.in-今期七星彩结果| www.6lt.com-彩票的数学原理| www.021.mobi-华彩网彩神vl| www.665321.com-保定福彩中心地址| www.771545.com-北京五分彩-| www.909207.com-福彩b今天试机询| www.97ut.com-黄家彩票-| www.10231.com-五分时时彩计划官网| www.zn94.com-好彩客官网方下载| www.583.website极速赛车彩票正规吗| www.8345.in-时时彩快三是真的吗| www.zp47.com-彩票中奖规则七星彩| www.b49.cn-奔腾彩票登录| www.b93.com-爱乐彩北京快三开奖| www.3812.cm-南国体彩七星彩图规| www.077076.com-彩票后面中两位数| www.348749.com-七乐彩正规吗| www.526853.com-手机博盈彩票| www.167972.com-汀苏快三走势图| www.362244.com-彩虹心情好的说说| www.975641.com-彩礼谁先提-| www.jn45.com-大发快三开奖结果| www.40mm.cc-体彩七星彩兑奖明细| www.8448.vip-巴中体彩合买中奖| www.056933.com-七乐彩开奖结怎么玩| www.212459.com-福彩投注站末位| www.318840.com-江西福利彩票销售额| www.528833.com-歌词里最美的彩虹| www.661070.com-彩票与数字的关系| www.745110.com-福利彩票136期| www.833906.com-福利彩票软件可靠吗| www.947572.com-重庆时时彩心得| www.cp725.com-今日快三开奖查询| www.t30.org-七乐彩号码预测| www.578528.com-柒鑫彩票网站安全吗| www.703072.com-致富彩app安卓版| www.927989.com-中国福利彩开奖直播| www.903128.com-真实的彩票投注网站| www.150801.com-81818彩票-| www.392061.com-网上体彩投注有吗| www.819556.com-刘海柱中彩票全集| www.vo77.com-时时彩最高连开记录| www.942176.com-纵彩下载-| www.cai8686.com七乐彩大发快三| www.633092.com-竟彩蓝球大小分| www.968346.com-江西彩票快手网| www.5820.com-体彩送汽车活动情况| www.563068.com-购彩2-| www.764422.com-专家预测4场进球彩| www.03ks.com-600彩票下载| www.4358.pw-快三如何稳赚不赔| www.37762.cc-宏盛彩票软件| www.092197.com-吉林快三和值号| www.316181.com-彩乐乐22选五| www.744199.com-福彩双色球案件| www.26dy.com-腾讯分分彩几点开奖| www.36255.cc-彩友吧彩友之家| www.303643.com-双彩论坛讨论专区| www.535223.com-彩票一般是几位数字| www.301201.com-上海快三分析软件| www.094664.com-重庆彩票大神采访| www.922776.com-天天中彩票腾牛网| www.58gg.com-百宝彩网页版| www.652365.cc-体彩那几天开奖| www.425828.com-体彩到店生成二维码| www.570738.com-3cp上彩票app| www.795586.com-福彩3d试机号今日| www.878991.cc-江西快三号码推荐| www.278592.com-吉首市快三秒| www.563035.com-三亿彩票肥城| www.782989.com-甘肃竞彩公司| 天下彩www.344680.com| www.9859.site-古建彩绘图案| www.098827.com-快彩网是一个啥网站| www.573512.com-22彩票去哪里下载| www.941005.com-马耳他瓦莱塔彩票| www.7448.in-体彩投注站去哪申请| www.70230.com-福彩3d网-| www.506833.com-三彩家下载-| www.900081.cc-网络彩票8816| www.js45.cc-快三多少分钟一期| www.bp8.com-福彩快三走势图安微| www.036839.com-全民彩票官方网| www.5751.cc-体彩奖金怎么算| www.219830.com-福彩3d开机号今天| www.9770.pw-七星彩第三位走势| www.798009.com-官方体彩助手app| www.hs40.com-黑龙江体彩-| www.475668.com-智投彩票合法吗| www.918302.com-苹果版的彩票软件| www.02482.com-至尊彩是不是黑平台| www.187959.com-福利彩票彩种介绍| www.09vk.com-冠彩网是啥-| www.85sv.com-彩票能赚到钱吗| www.7183.xyz-黑彩福彩怎么举报| www.653585.com-赢彩彩票与众不同| www.qx50.com-腾讯时时彩规则| www.11945.com-微彩是合法的吗| www.173913.com-快三app下载| www.603893.com-3a彩票app-| www.899682.com-快乐十分钟彩票玩法| www.133843.com-大发快三倍投方案| www.j98.com-红五彩吧图库| www.24349.com-超级彩票软件| www.287542.com-彩之家v2.3.1| www.630120.com-绿色好彩爆珠多少钱| www.210606.com-极速快三是官方彩票| www.51616.com-旺彩体育-| www.309166.com-骗买彩票充值| www.550208.com-山东福彩展示柜兑奖| www.18225.cc-万家彩票网和买| www.21083.com-感情诈骗投资彩票| www.27243.com-英国教授研究彩票| www.122643.com-刷彩票流水犯法吗| www.865308.com-淘宝网购彩票合法吗| www.391616.com-七星彩出码公式| www.c53.club-大乐透家彩网开机号| www.119716.com-易发彩网-| www.345631.com-福彩双色球最高奖金| www.705785.com-发彩网app正规吗| www.045989.com-网络售彩何时恢复| www.g77.xyz-快3爱乐彩安徽| www.210497.com-大发快三软件预测| www.572913.com-完整版足彩比分直播| www.956265.com-网络彩票上瘾的症状| www.661630.com-如何竞猜足彩中奖| 500万彩票www.35155p.com| www.547155.com-彩票跟单提挣佣金| www.433687.com-乡下开彩票店吗| www.711266.com-澳客竞彩比分直播| www.882870.com-093彩票怎么没了| www.kf17.com-辽宁唯一体彩网| www.290258.com-彩客网胜平负| www.745312.com-彩77彩票安全吗| www.817007.com-中华福利彩票网址| www.jd2.com-龙的彩票-| www.67fq.com-红利彩票登录网站| www.18906.com-广东爱彩乐彩票网| www.00785.com-595hcc易彩网| www.518855.com-美国彩票代购平台| www.207196.com-福彩3d直选过滤器| www.449990.com-爱买彩票的男人心里| www.867571.com-2009七星彩开奖| www.058098.com-乐彩11选5-| www.678653.com-福彩3d最准双飞| www.947098.com-福彩高频取消| www.117101.com-买足彩稳胜技巧| www.247750.com-百盈快三预测| www.508399.com-彩票1980是什么| www.660306.com-山东齐鲁彩票欢迎你| www.bg05.cc-大发快三走势图技巧| www.302623.com-分分钟彩票app| www.28yf.com-腾讯彩票计划软件| www.505427.com-新彩网福彩字谜图迷| www.vc.cc-快三是真的吗| www.713.website国际彩票诈骗| www.00420.com-南京华彩彩票可靠不| www.297217.com-乐购彩可靠吗| www.529119.com-体彩刮刮乐中奖代码| www.568.com-时时彩龙虎怎么分| 大赢家彩票平台www.810730.com| www.07gq.com-彩铅画可爱呆萌仓鼠| www.im38.com-福彩快3三新快三| www.7734.org-爱购彩平台安全吗|