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.489979.com-福建体彩双色球玩法| www.436079.com-昭通市体彩中心| www.588115.com-福利彩票7注彩| www.0665.org-河内一分彩历史开奖| www.938106.com-易彩应用版-| www.634353.com-多赢彩票软件| www.2kl.cc-快三投注合买平台| www.799713.com-体彩送彩金-| www.54rl.com-彩票旺彩-| www.082335.com-手机买快三-| www.630218.com-彩票18063期| www.727158.com-明彩4218电视| www.809599.com-哪里有手机购彩| www.048200.com-注册就送彩金的软件| www.069267.com-302彩票争霸| www.009911.cc-七星彩网址大全| www.168327.com-福彩快3彩票官网| www.414161.com-常精彩-| www.797336.com-彩票网入口-| www.956012.com-足彩比分预测软件| www.92ms.com-兼职刷彩票-| www.132195.com-濮阳县定亲彩礼| www.369026.com-福彩三d5000期| www.26322.cc-彩吧彩票和法吗| www.277599.com-乐彩赢快三是骗局吗| www.970694.com-福利彩票结算| www.519381.com-368彩票平台| www.685095.com-免费下载3d彩票| www.828331.com-2019u9彩票-| www.f12.wang-彩票app诈骗| www.451915.com-乐彩彩票软件破解网| www.989412.com-彩83是黑平台吗| www.bb22.cc-江西快三怎么投注| www.235205.com-福彩快三大小单双| www.7628.org-山西彩民乐树钱图| www.780066.com-怎么申请办理彩票站| www.pc42.com-快三输钱啦怎么戒赌| www.1981.top-火星彩票下载| www.fc15.com-彩票破解软件靠谱吗| www.32122.cc-易彩堂真能挣钱吗| www.800562.com-万豪彩票官网下载| 500彩票www.715613.com| www.103122.com-旺彩大乐透安卓版| www.718516.com-彩虹网络用语| www.848813.com-彩世界手机版| www.972849.com-彩客网主页-| www.ig2.com-浙江福彩快乐彩| www.q92.cc-河北快三遗漏值统计| www.0452.tv-附近的体彩网点| www.068050.com-体彩七位数预测号码| www.616360.com-亚彩会游戏官网| www.ui33.com-福彩3d字谜解答| www.899064.com-七星彩票开奖直播| www.975749.com-太康13万彩礼| www.cp6335.com-竞彩足球-| www.20ec.com-第19029期彩票| www.622905.com-039彩票-| www.898438.com-竞彩店主自己刷返点| www.776436.com-时时彩票怎么玩才赚| www.287333.com-博彩白菜-| www.883012.com-投彩是什么意思| www.e46.net-nba彩票分析| www.011146.com-搜狐网彩票版| www.130473.com-福彩投注站编号查询| www.235795.com-足彩预测网-| www.28126.com-昆山体彩大奖| www.780565.com-彩铅手绘人物| www.43509.com-旺彩双色球推荐号| www.833931.com-日免好彩香烟| www.928087.com-七星彩19032期| www.995499.com-91竞彩-| www.am37.cc-亿网彩票-| www.184616.com-广东体彩网-| www.jx5.com-彩吧图-| www.385995.com-天津福彩中心办公| www.523331.com-天天福彩手机客户端| www.058119.com-乐彩网什么时候建立| www.170350.com-双彩l论坛-| www.246775.com-足彩新浪爱彩| www.334171.com-体彩任五-| www.870562.com-鼎盛彩票黑平台| www.956591.com-星彩3d论谈-| 优彩网www.989774.com| www.ni27.com-极速快三开奖时间| www.493228.com-彩票选号器有哪些| www.608575.com-山西派彩每日推荐| www.749727.com-彩票开奖日期怎么看| www.389302.com-多彩葫芦-| www.544529.com-挂彩票啥意思| www.669046.com-经典说彩专家专栏| www.027602.com-彩吧论坛保真天齐网| www.659049.com-新3d彩计划软件| www.760119.com-五福彩票最新版| www.906920.com-极速快三稳赢技巧| www.972883.com-凤彩网杀号-| www.ca55.com-彩神快三软件下载| www.020154.com-四川体彩中心地址| www.64fm.com-乐彩vip快3网站| www.332869.com-移动梦网彩票直播间| www.94004.com-为什么要做责任彩票| www.114556.com-齐鲁彩票双色球规则| www.029943.com-好运来时时彩计划| www.540299.com-好运来彩票软件下载| www.274611.com-江苏快三多少人在玩| www.089034.com-休彩排列5开奖号码| www.663835.com-新版时时彩平台源码| www.825918.com-手机买七星彩技巧| www.972024.com-24号体彩中奖号码| www.nz40.com-众博彩票合法吗| www.1399.cc-福彩三d综合走势| 易盈彩票www.7793d.com| 幸运彩票www.444086.com| www.zn04.com-好彩网3d图谜总汇| www.661565.com-779彩票坑人| www.82ij.com-怎么买彩票怎样选号| www.9083.vip-禁止网上售彩| www.583955.com-网页买彩票靠谱吗| www.779976.com-体彩排三速查表| www.uo21.com-彩票复式投注计算器| www.6763.net-2o647如意彩| www.71924.com-60彩票安裝-| www.772064.com-派彩电子走势图代理| www.882322.com-345彩票是真的吗| www.zi91.com-038彩票预测| www.623581.com-21彩票下载-| www.878237.com-福彩了d走势图| www.mz25.com-彩票兼职代玩| www.487803.com-官网福利彩票网址| www.575205.com-惠普彩色复印机租赁| www.078093.com-福彩网怎么充值| www.333261.com-高频彩反倍投玩法| www.402229.com-七星彩最新杀号| www.505192.com-天下彩蓝月网站| www.586030.com-南方双彩苹果版| www.644131.com-彩票工作人员要求| www.700886.com-兼职刷时时彩| www.764441.com-玩彩网在线-| 118彩票www.62118g.com| www.539328.com-快三豹子以后出什么| www.225741.com-快乐彩12选5| www.353087.com-京彩挂机真假| www.343898.com-体彩双胆神算| www.4678.vip-买彩票的巧合| www.51947.com-旺彩四肖8码| www.ua84.com-神彩网一码网站| www.559250.com-通辽科区体彩中心| www.689609.com-t乐彩开奖公告| www.745863.com-福彩三d大彩网| www.786658.com-快三的技巧-| www.850995.com-6盒彩开奖网站| www.897353.com-国外彩票开奖号码| www.951573.com-投彩是什么东西| www.984074.com-2018027福彩| www.ho03.com-彩票赚钱平台| www.572927.com-亚博彩票网骗局| www.727218.com-神彩网app-| www.867908.com-南海七星彩坛论坛| www.983479.com-福利彩票二等奖领奖| www.213057.com-彩神通今日推荐| www.644415.com-∪9彩票破解| www.653528.com-彩票徐州有多少中奖| www.22kh.com-彩票录像-| www.60232.com-python彩票-| www.712138.com-e彩堂是黑彩么|