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.175723.com-苹果快三助手| www.339184.com-腾讯三分彩开奖查询| www.523922.com-体彩五位数-| www.695089.com-最新奥盘足彩| www.x50.org-加入彩票信息交流群| www.339988.com-唯彩双色球杀号定胆| www.505570.com-国家体彩中心举报| www.vl06.com-湖北福彩网站| www.087711.com-福彩好运2玩法| www.65vt.com-彩票1980-| www.4056.vip-青海体育彩票网管网| www.717365.com-经典快三靠谱吗| www.388442.com-彩票压大小方法| www.599691.com-福彩快餐江苏| www.836237.com-彩票保安区-| www.cai3600.com湖北快三开奖走势图| www.0088.mobi-福彩3d连线l讲座| www.244126.com-江苏快三倍投5千倍| www.329887.com-粉百合3d彩吧字谜| www.206836.com-福利彩票快三计划| www.ap15.com-福彩3d绝对布衣2| www.tu47.com-江苏快三正规么| www.12ey.com-无彩色系有哪些| www.35998.cc-9999彩票-| www.802359.com-竞彩足彩让胜| www.779155.com-牛彩网图谜大全| www.93dj.cc-福三彩票开奖结果| www.3310.vip-福利彩票动物走势图| www.583036.com-体彩机选排列五号码| www.767838.com-快三买复式怎么算钱| www.6tm.com-网易彩票结果查询| www.443143.com-特区海南匕星彩| www.576625.com-御彩轩计划官网| www.p18.net-关于体育彩票知识| www.100772.com-乐彩客登录-| www.845001.com-o1彩票北京pk拾| www.010076.com-买彩票图片-| www.770497.com-买彩票的幽默段子| www.912910.com-0818彩票骗局| www.981554.com-福彩3d直选机选| www.ez.cc-全能中彩彩票app| www.32353.com-大乐透走势图爱彩人| www.14114.cc-乐迷炫彩下载| www.77233.com-彩票中奖率多少| www.297170.com-福建省体育彩票论坛| www.150710.com-福利彩票机器多少钱| www.226561.com-3d福彩牛彩字迷| www.030818.com-网上玩彩票是真的吗| www.212218.com-时时彩注册送48| www.536175.com-体彩标准门头图片| www.642927.com-彩票站有没有假的| www.oj58.com-杭州体彩11选五| www.293350.com-青岛福利彩票电话| www.388384.com-天天爱彩票竞彩| www.dn42.com-快三官方开奖网站| www.33927.com-一起彩票app| www.169575.com-甘肃快三的预测| www.252911.com-老时时彩走势图列表| www.325919.com-彩票开奖走势排3| www.79171.com-福彩3d纶坛-| www.22ac.com-d9彩票是官方的吗| www.669185.com-福龙彩票真的吗| www.762739.com-彩票忏悔-| www.844567.com-体彩窝案-| www.916086.com-开个体彩店赚钱吗| www.979899.cc-广州体彩自助终端机| www.iv6.com-福彩3d五行分布图| www.rw64.com-快三选胆码技巧| www.03vf.com-彩铅画兰花大师画| www.71vz.com-福利彩票2018| www.1976.tv-盐城彩达咔唑| www.7696.cc-彩妆美容化妆学校| www.47289.com-彩礼地图-| www.94975.com-灰姑娘美甲彩妆学校| www.097449.com-福彩公益金分配| www.6187.biz-胡北快三开奖走势| www.19590.cc-安徽快三包号技巧| www.4559.cn-海南七星彩最准杀号| www.043178.com-彩票的广告语| www.680582.com-体彩泰安3亿| www.dn69.com-快三的app-| www.12si.com-休彩排列字迷| www.036679.com-快乐彩22迭1| www.4634.com-彩票所有号码多少钱| www.848424.com-香港欢乐时时彩| www.506675.com-双色球谜语诗乐彩| www.816897.com-c彩61怎么样| www.c31.cm-易彩线路-| www.3067.vip-淘宝彩票网合法| www.72296.cc-986彩票-| www.127548.com-彩虹六号经典语录| www.863859.com-彩票下载开奖查询| www.845615.com-竞彩彩票是正规的吗| www.998403.com-华宇彩票app下载| www.w40.top-今天体彩七星彩开奖| www.474600.com-南方彩吧网-| www.7402.cc-上海竞彩网点查询| www.83iw.com-彩票摇号器app| www.8268.cn-福彩双色球红球数字| www.935385.com-中国福彩网手机投注| www.818181.com-足彩19041预测| www.191229.com-内蒙快三app| www.358974.com-8月17日七星彩| www.511957.com-彩铅的简单画法| www.415666.com-足彩本金比例投注法| www.538961.com-速赢彩票app下载| www.626130.com-鑫彩美缝剂怎么样| www.747572.com-环彩网安卓-| www.854608.com-中彩网3b试机号| www.913810.com-台湾大福彩开奖号码| www.966813.com-体彩合值走势图| www.cp0506.com-极速快三破解软件| www.346866.com-明彩电影网在线看| www.721456.com-彩票稳赚计划| www.813734.com-甘肃体彩11选五| www.883892.com-牛彩l网3d字迷| www.966209.com-广西快三群里赌博| www.cai7789.com快三北京开奖走势图| www.st69.com-星彩-| www.6wc.cc-想靠彩票发家| www.863634.com-qq手机彩票-| www.940050.com-彩票4+1多少钱| www.984970.com-彩运8pk拾走势图| www.mb7.cc-甘肃福彩快三预测| www.rt40.com-中彩彩票教学| www.12ki.com-800彩下载平台| www.311782.com-北京赛车爱彩乐| www.403990.com-2229七星彩图规| www.529253.com-彩虹猎人吉他谱c调| www.618474.com-福彩双色球30期| www.703781.com-彩票小红孩双胆| www.802127.com-中国体肓彩票大乐透| www.891007.com-至尊彩app安装| www.981968.com-六福彩下载-| www.cv41.com-私彩老平台-| www.259050.com-时时彩安卓做号工具| www.128643.com-幸运五星彩开奖视频| www.3719.me-小米彩票官网app| www.9588.tv-彩票软件手机版大全| www.58083.com-境外足球彩票app| www.99227.cc-时时彩后二公式打法| www.809208.com-彩票网站苹果上架| www.56757.cc-彩票九官网-| www.954403.com-3d彩宝网开机| www.391491.com-福利彩票105期| www.586830.com-爱乐彩票抢红包| www.713691.com-夭下彩资料大全| www.899689.com-最新版彩83-| www.cai8884.com广西快三技巧| www.036040.com-彩票全天免费计划| www.159559.com-11选五北京爱彩乐| www.41fi.com-体彩大乐透春节放假| www.11519.com-彩乐乐网官网| www.3668.biz-合肥体彩竞彩店| www.309080.com-快三返奖率-| www.191387.com-快三走势怎么看| www.718651.com-彩虹色的意思| www.900614.com-注册就送彩金的网站| www.dx45.com-吉林快三网盘| www.935.biz-七星彩开什么号| www.il83.com-手机买福彩双色球| www.lf15.com-彩票306-| www.225141.com-彩票计划群里全是托| www.363281.com-彩虹羽泉伴奏mp3|