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天

知道了
9彩注册 www.782.me-管家婆彩图库图库| www.za54.com-甘肃快三两元网| www.147525.com-吉林快三计划表| www.9151.cc-洛神体彩店下載| www.133128.com-足球彩票店app| www.675953.com-天天买彩票软件| www.805499.com-彩票行业现状| www.44yr.com-快三多少组数| www.696948.com-足彩竞彩开奖时间| www.791085.com-福彩怎么选号规则| www.887026.com-珍爱网彩票托最新| www.964060.com-体彩14场中奖规则| www.cai2111.com宁夏快三开奖号码| www.ko58.com-苏州体彩网-| www.g33.biz-今晚出什么奖七星彩| www.49za.com-极速三分彩人工计划| www.334911.com-江苏快三不同号推荐| www.440679.com-五百彩开奖-| www.529062.com-彩计划手机版下载| www.628202.com-玩彩票有赢家吗| www.695962.com-足彩计算器混合| www.777172.com-体彩天下下载| www.884058.com-彩22江苏快3下载| www.956844.com-金利彩票假吗| 中彩网www.81233m.com| www.js16.com-王者彩票诈骗手法| www.e95.top-中国福彩中心开奖| www.79277.com-网络彩票诈骗退款| www.636442.com-幼儿绘画彩虹| www.732002.com-关小刀新浪足彩预测| www.883708.com-湖北彩票彩王| www.971741.com-9万彩票安卓| www.dw24.com-凤彩app-| www.s55.top-宝发彩票网址| www.135596.com-现在开体彩店| www.67593.com-彩票平刷赚钱技巧| www.8458.xyz-内蒙古喝彩歌词| www.65048.cc-规划竞彩是传销吗| www.036203.com-手机彩票走势图大全| www.132703.com-彩票跟单骗局| www.555890.com-我要机选一注七乐彩| www.6487.cn-下载一定牛体育彩票| www.66205.com-快三彩票计划兼职| www.586560.com-易彩时评网址| www.657485.com-福彩三d跨度走势图| www.726464.com-添光溢彩-| www.799039.com-3d福彩开奖直播| www.886693.com-大小单双彩票违法吗| www.957504.com-天天送钱连中彩票| 非凡彩票www.77210l.com| www.175216.com-彩神8官网合法吗| www.3890.mobi-彩票南方网-| www.53215.cc-足球竞彩软件哪个好| www.067715.com-自己做彩票网站| www.055129.com-彩色的非洲-| www.602451.com-四季一分彩登录窗口| www.xv3.cc-有靠玩彩票生活的么| www.vv19.com-快乐彩票在线登录| www.111576.com-1515彩票-| www.188686.com-彩票怎样判断长龙| www.286136.com-乐彩神一样的胆| www.509244.com-犀牛彩票赌博案| www.00396.com-福彩公众号二维码| www.979869.com-体彩自助终端机投标| www.hn12.com-上海时时彩开奖记录| www.04pq.com-体彩排列五什么好| www.80xw.com-天天时时彩手机版3| www.2626.in-时时彩平台能改单吗| www.8552.org-七星彩前四位缩水软| www.198747.com-内蒙古快三遗漏走势| www.590092.com-贵州快三一共几期| www.789223.com-澳洲三分彩计划| www.39592.cc-九歌彩票停售| www.026424.com-百姓网彩票站出兑| www.974056.com-福彩刮刮乐宣传歌曲| www.ce31.com-快三对刷不亏| www.028594.com-彩报3d图库-| www.325298.com-发达彩票的流水| www.47709.com-上海快三开什么号码| www.762663.com-博王时时彩下载| www.842556.com-场馆体彩公益金| www.901425.com-最新体彩开奖结果| www.968406.com-宁夏体彩中心银川| 500彩票网www.290252.com| www.572007.com-大博金彩票平台| www.715570.com-我要跳快三慢跳| www.791644.com-五星乐彩可靠吗| www.875170.com-巴厘岛购物送彩票| www.806070.com-彩妹双色球预测专栏| www.883040.com-女孩投彩-| 亿龍彩票www.1368e.cc| www.759875.com-云彩生活彩票| www.875297.com-区块链彩票是什么| www.944831.com-湖北快三号码遗漏| 500彩票www.50052hh.com| www.55183.com-福乐彩28怎么玩| www.57519.cc-体彩助手e-| www.2076.net-跟买彩票是骗局吗| www.752216.com-悟空彩票-| www.887010.com-奔驰彩票是真是假| www.958194.com-青海体育彩票官网| 大赢家彩票网www.178625.com| www.qf29.com-彩77官网-| www.22zx.com-乐乐彩票开奖查询| www.338.xyz-广州彩票中奖| www.918777.com-黑彩十大平台| E彩堂www.43818z.com| www.ji21.com-快三客助手-| www.30zm.com-每周一开奖的彩票| www.54752.com-玩彩票心得体会| www.012643.com-定制彩票软件下载| www.100246.com-网络彩票犯法判刑| www.45014.com-长春溢彩-| www.959842.com-河北快三每天几期| 500万彩票www.5441s.com| www.321391.com-明发彩票app下载| www.378909.com-潢川福利彩票| www.456023.com-红菜苔彩票是真的吗| www.75jt.com-18096期足彩| www.069908.com-福彩天地报预测| www.487836.com-彩票如何看趋势| www.015849.com-大发快三大小预测版| www.77316.com-办理彩票销售| www.872107.com-湖北体育彩票中奖| www.313996.com-佬牛足彩预测| www.91779.com-彩专家计划网| www.75pz.cc-怎么刷彩票流水不亏| www.338774.com-寳利彩票-| www.336562.com-官方彩票和传统彩票| www.566700.com-聚发彩票开奖网站| 大赢家彩票www.602957.com| www.51pr.com-青蛙过河彩票| www.70530.com-彩票打印机怎么用| www.101474.com-足彩竞彩500| www.5961.xyz-山东体彩论坛170| www.72010.com-彩票中奖都有多钱| www.078855.com-七星彩预测号码|注| www.5826.cc-福利彩票网易开奖| www.06358.cc-最棒的彩票网站大全| 彩乐乐www.cll168.com| www.555989.com-979彩票下载| www.913203.com-彩客网可以提现吗| www.986296.com-阿里彩票平台怎么样| www.ud87.com-内蒙古快三看跨度| www.706.hk-腾讯分分彩二星杀号| www.569602.com-美国好彩香烟在哪买| www.cai64.com-快三开奖结果吉林| www.943382.com-彩票开奖时间调整| www.892646.com-中国足彩怎么买| 大奖彩票www.djcp234.com| www.963122.com-彩乐乐彩票| www.428928.com-十字彩诈骗-| www.0833.shop-线上买足彩怎么买| www.7112.cm-彩票93-| www.033208.com-彩站宝官网-| www.50qz.com-天空行天下彩票| www.28917.cc-体彩票11选5结果| www.751502.com-彩票碎了还能兑| www.830118.com-网易福彩19期直播| www.894811.com-信彩平台计划| www.955773.com-福彩3d出的什么号| www.gj43.com-广西快三遗漏值| www.2608.wang-体彩6+1规则| www.0099.loan-关于彩的昵称|