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.289213.com-快三一倍多少钱| www.453523.com-258竞彩官方平台| www.731491.com-什么是彩票刷水| www.in67.com-手机上能买彩票吗| www.4009.cc-彩红-| www.025376.com-江西五分彩开奖结果| www.88425.cc-澳大利亚强力球彩票| 乐彩网www.lcw997.com| www.550534.com-快3彩票正规吗| www.659745.com-七天和竞彩平台| www.775054.com-快三出啥买啥| www.940028.com-天津市时时彩官网| www.3224.cm-时事彩怎么买不会输| www.19544.com-彩票都没中奖| www.000297.com-专业玩彩工具| www.299727.com-今天内蒙古快三结果| www.389121.com-乐彩字谜图谜论坛| www.512108.com-简单儿童彩铅画图片| www.607929.com-华宇京彩挂机| www.689303.com-数字彩票分析师待遇| www.778773.com-釉中彩餐具能消毒嘛| www.866626.com-重庆时彩开奖记录| www.951226.com-京彩挂机能赚钱多| 中国福利彩票www.08588z.com| www.is50.com-江苏福彩手机投注| www.p96.net-博大彩票合法吗| www.545206.com-彩票合买源码哪里| www.684546.com-体彩p3和值遗漏| www.980791.com-99彩票登录网址| www.l64.me-彩神lv8-| www.45667.cc-彩薇花细胞-| www.023424.com-七星彩几点截止| www.139133.com-腾龙时时彩软件下载| www.814412.com-今日体彩3开奖号| www.974846.com-江苏体彩和值走势图| www.q80.org-网上怎样买体育彩票| www.1314.host-彩乐汇的规律| www.721088.com-2v免费彩票-| www.868899.cc-福建省体育彩票| www.cc23.cc-爱彩乐彩票湖北快三| www.c25.loan-澳门博彩在线彩票| www.94gd.com-易彩堂网站是否正规| www.41848.com-高频彩票传统彩票| www.984951.com-竟彩足球-| www.385093.com-彩票开奖免费领彩金| www.310785.com-河洛数测彩-| www.091365.com-全民连中彩票| www.631159.com-好彩3复式中4| www.356823.com-河南快三多久一期| www.531977.com-彩票33官网下载| www.874159.com-上海快三推荐和值| www.551918.com-我要买彩票大乐透| www.695526.com-彩票合买圈套| www.784355.com-什么是网络售彩| www.878565.com-彩福彩票官网| www.954834.com-瑞彩祥云苹果版网| 凤凰彩票www.77801g.com| www.pd69.com-河北省福彩-| www.39rm.com-彩票投资讲座视频| www.5001.cc-吉林福彩中心电话| www.21396.cc-广州体彩大乐透领奖| www.467722.com-七星彩售票结束时间| www.578117.com-吉林彩票管理中心| www.254022.com-外围球彩app| www.365783.cc-彩铅画校园生活| www.713507.com-彩票猜大小的软件| www.829108.com-别人梦见自己中彩票| www.911559.com-三地家彩论坛| www.595795.com-鑫彩公司-| www.696565.com-陈教授研究彩票的| www.730781.com-天天竞彩是正规的吗| www.4614.top-彩票条形码损坏了| www.993866.cc-足彩混合投注怎么玩| www.ri53.com-福彩下注-| www.642451.com-重庆时时彩宝典下载| www.468817.com-三d彩票吧-| www.949947.com-懂彩帝改名了| www.060709.com-彩票报警-| www.oc41.com-体彩篮球竞猜| www.9974.cm-搜索福利彩票| www.wg1.cc-最新七星彩专家预测| www.778222.com-破解彩票概率组合| www.331168.com-河北福彩3d藏机图| www.wc66.cc-我要查一下福利彩票| www.22mq.com-体彩造假-| www.341375.com-体育彩票猜世界杯| www.019498.com-贵阳福彩中心在哪| www.596001.com-体彩排五和值走势图| www.205589.com-周易测快三-| www.392116.com-体彩手机在线无法| www.126415.com-创彩网兼职真假| www.777271.com-立彩赚钱账号| www.570383.com-七彩虹sl500| www.773335.com-足彩赔率计算公式| www.yf30.com-派彩金额是反水钱么| www.561756.com-鸿彩江苏快3| www.854286.com-浙江福彩阳光征招| www.472285.com-时时彩后四推波| www.8334.cm-时时彩900注方案| www.097596.com-体彩排列三组选| www.381495.com-今天有什么彩票开奖| www.cf96.com-安徽省福彩快三| www.927351.com-网上快三客户| www.521000.com-体育彩票哪年开始的| www.712525.com-极彩娱乐登录平台| www.999139.com-汇彩宝刷卡机| www.97028.com-彩票刷规划-| www.65hc.com-福彩演播室答案| www.ga38.com-福彩宗旨有没有赈灾| www.986496.com-福彩归哪里管| www.335363.com-彩票弃奖法律分析| www.538900.com-福利彩票案-| www.893086.com-时时彩在线做号软件| www.991178.com-可乐彩票官网| www.eg33.cc-彩票之家app| www.1ft.cc-3d胆码乐彩网预测| www.392695.com-体育彩票打票教程图| www.836373.com-3地福彩图谜总汇| www.0086.cn-福利彩票出了什么| www.408016.com-今天七星彩奖池余额| www.30ez.com-手机购彩哪个网站好| www.222927.com-彩票预测大师下载| www.tr69.com-买彩票中千万大奖| www.227572.com-一分快三骗局揭秘| www.454384.com-福利彩票胆拖价格| www.611653.com-彩虹主站搭建| www.yj57.com-彩票开奖查询昨天| www.290342.com-内蒙体彩兑奖电话| www.609554.com-彩票15选5-| www.98999.com-时时彩规则时间| www.346846.com-吉彩网是正规网站么| www.862013.com-今日体彩出奖号| www.947956.com-福彩3d牛远志推荐| www.52gj.com-水彩笔-| www.69lp.com-澳客网怎么买彩票| www.21555.cc-用微信让彩票店代买| www.123159.com-官方幸运彩票网| www.554318.com-彩票中奖术语| www.848502.com-香港时时彩计划网| www.503723.com-彩票软件系统开发| www.002209.com-体彩竞足-| www.801137.com-230彩票-| www.26077.com-形容彩虹-| www.969673.com-快三规律-| www.xj95.cc-福彩3d彩乐论| www.88932.cc-彩678软件下载| www.227785.com-四川体彩网大乐透| www.502010.com-大佬彩票正规吗| www.603069.com-中国彩平台怎么样| www.6668.tm-足彩四场进球彩奖金| www.5867.com-体育彩票过期时间| www.105135.com-彩票店打错票怎么办| www.676308.com-福彩字谜3d-| www.0580.in-福彩3d水果图| www.84465.com-彩钢板执行标准| www.53xz.cc-国家彩票包含哪些| www.47333.cc-体彩中心大乐透| www.685505.com-福彩3d进位和差表| www.870973.com-投彩网c97下载| www.994820.com-彩票代玩返佣金| www.07788.cc-中彩那天生字| www.505575.com-北京开彩票站| www.076132.com-红旗彩票网-| www.254081.com-华宇彩票下载地址|