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.830567.cc-印象彩票手机客户端| www.774078.com-江苏福彩快三合法吗| www.gi6.com-福利彩票所有彩种| www.623260.com-什么彩票不会作假| www.419.pw-腾讯分分彩技巧回血| www.970.gg-七乐彩复试11中4| www.25546.com-美国彩票有几种| www.92296.cc-大发500彩票平台| www.101410.com-立彩赌博是什么东西| www.985031.com-wnba竞彩-| www.hh79.com-福利彩票官网首页| www.s66.wang-桂林快三走势图| www.57ek.com-七星彩奇偶大小| www.0701.me-广州彩票站怎么申请| www.02585.com-盈易福彩受骗| www.wp7.cc-天天彩票论坛| www.692758.com-彩票推广语-| www.382336.com-分分彩倍投表平刷| www.309358.com-快餐快三开奖结果| www.9410.top-体育彩票中奖怎么看| www.30oi.com-彩虹世界链接这里有| www.2153.wang-越南彩票怎么查| www.414192.com-精彩精的意思| www.787148.com-彩先知必中特| www.870971.com-陕西快三有吗| www.948492.com-彩仙骗局-| www.994892.com-好彩网5583-| www.dt08.com-快彩开奖软件下载| www.106293.com-彩票发展国外| www.659749.com-明发彩票平台怎么样| www.756612.com-全民中彩下载| www.837277.com-类似立彩的app| www.25052.com-国产彩铅排行榜| www.qy39.com-一分快三破解| www.9646.org-彩经网胆选图开机号| www.99046.com-六喝彩开奖结果6| www.143108.com-九鼎彩票平台注册| www.0744.win-怎么获取彩票数据| www.020202.cc-体育彩票七星彩规则| www.129641.com-七星彩现场直播新浪| 网易彩票www.068wy.com| www.12214.com-移动话费购彩| www.64938.com-竞彩返点合作| www.144622.com-足彩不中反-| www.531229.com-9彩彩票正规吗| www.495596.com-篮球彩票预测窍门| www.593374.com-七彩国际大酒店| www.021270.com-武汉体彩兑奖地址| www.248316.com-08彩票-| www.376308.com-铜陵体彩兑奖中心| www.518026.com-双色球凤彩网钓叟| www.596455.com-2008年福彩和值| www.556638.com-网上买彩500| www.347520.com-世界杯彩票購買| www.59198.com-瑞彩祥云透视挂| www.310731.com-体彩过户流程| www.r44.me-万达彩票网站首页| www.72fv.com-体彩4+1是几等奖| www.819028.com-彩票倍率计算器| www.914895.com-迷彩兔电影-| www.987541.com-黑龙江福彩20分| www.mw4.com-人人中彩票下载| www.604145.com-新福彩3d字迷| www.700554.com-时时彩刷流水赚彩金| www.782196.com-最新彩彩票开奖结果| www.853104.com-彩票广告图片搞笑| www.911015.com-体彩五d开奖| www.974325.com-福彩票开奖公告| www.cai2733.com湖北快三开奖查询| www.jk96.com-赢发彩票app下载| www.yu71.com-百度福彩3d返奖率| www.262878.com-365彩票官方网址| www.133164.com-彩钢棚做法详细图| www.16077.com-谁有吉林快三的群| www.157459.com-易彩骗局-| www.885952.com-内蒙古体育彩票黑彩| www.985253.com-今日快三湖北| www.4824.cc-梦见好多人买彩票| www.3556.cn-澳门bh送18彩金| www.238257.com-皇都彩票客服电话| www.6130.cc-七乐彩票违法吗| www.792848.com-阜阳市彩票兑奖中心| www.908099.com-七星彩中奖领奖地点| www.989291.com-快3福彩代理| www.200097.cc-星期五什么彩票开奖| www.77671.cc-吉祥彩票网是真的哪| www.800848.cc-足球彩票计划群骗局| www.116738.com-几点买彩票中奖率高| www.sb82.com-快乐彩怎么算中奖| www.777979.com-东西湖彩箱厂| www.915577.com-竞彩258官方网站| 彩票坊www.022qh.cc| www.1640.in-澳洲3分彩怎么玩| www.151280.com-8816购彩app| www.222381.com-全天幸运快三计划| www.30.net-七星彩一共几位数| www.80zw.cc-乐福彩票是黑网站吗| www.5376.cn-支付宝有卖彩票的吗| www.dt23.com-街机快三游戏下载| www.551448.com-彩票cp544cc| www.092120.com-福建体彩兑奖地址| www.775201.com-最常见的彩票种类| www.947927.com-体育彩票的利润| www.sx05.com-彩票双色球玩法规则| www.306666.cc-时时彩定胆除32| www.862681.com-快7彩票-| 大赢家彩票www.354811.com| www.718052.com-中国体彩票远程培训| www.20zf.cc-聚金网彩票-| www.5089.pw-狗的彩票是什么号码| www.86819.cc-彩票密码破解工具| www.311105.com-福利彩票25期开奖| www.11879.cc-超级彩票骗局| www.024783.com-体彩大乐透的玩法| www.433936.com-福利彩票演讲稿| www.52yb.cc-91彩站联盟官网| www.4156.cm-彩虹演员表-| www.27756.cc-大庆彩票-| www.955551.com-竞彩刷销量方案| www.59233.cc-福彩三d规律学视频| www.669686.com-海南私彩包码怎么包| www.66573.cc-时时彩官方正规平台| www.p60.club-香港快三玩法技巧| www.73zn.com-无锡中彩集团| www.576131.com-彩界之首双色球三胆| www.152152.cc-篮彩攻略-| www.881023.com-黑彩中了1000万| www.911170.com-k彩手机app-| www.969485.com-宝赢彩票软件下载| www.cai7892.com河南快三一码遗漏| www.lj21.com-好彩票网站提现快吗| www.v09.net-太原体彩中心地址| www.65va.com-七乐彩走势图2| www.0728.cc-爱彩网比分-| www.912006.com-青蛙彩票开奖现直播| www.979257.com-中国福体彩票| www.hj3.com-内蒙古今日快三| www.432889.com-福彩山地组三走势| www.2115.com-全民乐彩下载| www.627952.com-排列三体彩论坛| www.678606.com-足彩赔率-| www.109620.com-鸿运五分彩开奖查询| www.cai4443.com河南快三预测今天的| www.017759.com-彩票投资网-| www.jo42.com-558赢彩是私庄| www.904982.com-伯爵彩票官网| 澳客彩票www.102ak.com| www.va64.com-河南快三任意俩码差| www.180309.com-快三投注方法| www.254026.com-一分快三软件计划| www.345100.cc-0345大发彩票| www.065295.com-私彩会跟官网联网吗| www.789361.com-彩妆加盟店-| www.373392.com-新风采彩票-| www.494681.com-博彩插件-| www.7161.vip-时彩个位规律| www.92dj.cc-车彩是怎么玩的| www.299365.cc-买彩票怎么看走势图| www.2807.shop-怎么去店里买彩票| www.4742.cn-谁想中彩票-| www.i40.hk-下面彩票开奖大全| www.227539.com-中国体彩大乐透规则| www.138267.com-双色球新浪彩票| www.313782.com-彩票分析与-|