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.cp2345.com-百盈快三的技巧规律| www.c11.vip-幸运快三代玩违法| www.680879.com-澳門彩票-| www.82246.com-足彩19031对战| www.366981.com-彩票真实返奖率| www.162998.com-分分彩号码怎么算| www.9554.loan-海南彩网-| www.061314.com-2彩88官网-| www.189935.com-现在快三平台那么多| www.cu53.com-买篮球彩票的app| www.27189.cc-新二彩票app下载| www.96549.com-台湾彩票参考资料| www.21567.com-体育彩票店微信号| www.164118.com-nba篮彩竞猜| www.237196.com-江苏虚拟足彩e彩| www.318295.com-快开彩玩法-| www.392695.com-体育彩票打票教程图| www.514598.com-16亿美金彩票| www.590362.com-南国七星彩论坛规| www.668631.com-非凡彩票下载安装| www.08to.com-体彩排三19054| www.229281.com-玩福彩快三-| www.5071.vip-买足彩app-| www.126208.com-电玩8彩票网安全吗| www.1139.vip-cba竞彩推荐| www.3792.win-海口南国七星彩论坛| www.570501.com-七彩云南翡翠专卖店| www.691086.com-福彩排列七开奖日期| www.831163.com-大彩烟多少钱一包| www.962947.com-快三宝典软件下载| www.c5.com-今天内蒙古快三开奖| www.28dk.com-怎么可以中彩票方法| www.531291.com-彩票票开奖结果查询| www.703417.com-株洲福彩中心| www.828980.com-胜负彩18157| www.c82.top-北京5分彩玩法说明| www.577775.cc-彩工委彩票代理加盟| www.698372.com-彩虹生日蛋糕的寓意| www.789003.com-体彩排列五种奖号| www.895538.com-福彩走势图百度彩票| www.972116.com-彩票的有效兑奖时间| www.ds58.com-福彩快三登录| www.01qv.com-彩虹六号名字| www.623.in-福彩双色球攻略大全| www.216004.com-91彩票计划app| www.72808.com-体育彩票站出兑转让| www.789252.com-老郑足彩博客| www.32521.cc-中国最大的彩票论坛| www.95281.com-烟台福彩书法| www.677096.com-包装纸箱彩色设计| www.cw84.com-彩票注册送50元| www.87rr.com-宏达彩票-| www.8994.vip-fh54凤凰彩票| www.21dg.com-彩6各个版本| www.028335.com-下载彩票app| www.cp6.cm-福利彩票5d-| www.654445.com-体彩代销费结算| www.sa60.com-众彩彩票骗局揭秘| www.82998.com-彩神通每日快报| www.81537.com-河北快三技巧视频| www.1ai.com-七乐彩幸运走势图| www.370149.com-网易七星彩自选| www.503272.com-官网开奖的彩票| www.ki80.com-搜索中国竞彩网| www.w96.club-体育彩票彩票机| www.844813.com-发福利彩票的意义| www.276797.com-北京快三跨度走势| www.873128.com-67彩彩票平台| www.2319.biz-凤凰彩票十分快三| www.8916.top-聚富网彩票-| www.497456.com-王者彩票团队计划| www.502965.com-亚洲彩靠谱吗| www.717887.com-彩客网络版-| www.75at.com-南方双彩试机号| www.xl43.com-一分快三有赢的吗| www.lb15.com-购彩app哪个好| www.m39.cn-爱彩乐11选5遗漏| www.50og.com-买足彩下什么软件| www.367018.com-澳门彩票简介| www.214941.cc-4亿彩票官网| www.393225.com-株洲福彩中心在哪里| www.534898.com-国民彩票是黑平台吗| www.709776.com-实体店彩票网上销售| www.818933.com-冮苏老快三走势门全| www.919760.com-澳客彩票网彩赢家| 网易彩票www.26163n.com| www.75mw.com-什么彩票玩法最简单| www.2548.xyz-中信彩票中奖| www.987431.com-多中彩彩票网| www.er05.com-下载乐彩网app| www.8732.wang-多彩网字谜-| www.989429.com-福体彩最新开奖大厅| www.95040.com-福彩俱乐部-| www.5790.org-体彩扑克三玩法| www.80598.com-彩票机构改革动向| www.037550.com-大乐透彩吧助手| www.126914.com-优彩彩票网安全吗| www.783989.com-合乐彩票合法吗| www.866289.com-快三有什么秘诀| www.921183.com-彩神8vlll-| www.973571.com-好看的雨后彩虹图片| www.cai98.com-福彩精彩十分| www.467993.com-今日体育彩票预测| www.654597.com-中国福彩体彩下载| www.919340.com-彩票平台架设搭建| 500万彩票www.937160.com| www.tn47.com-中国的彩票坑人吗| www.tz64.com-福彩快三顺子多少钱| www.044030.com-中国福利彩票图案| www.681058.com-网上14彩-| www.818149.com-胜负过关500彩票| www.915639.com-彩票加盟热线| 爱彩乐www.167918.com| www.520675.com-欢腾彩票是真的吗| www.366836.com-体彩实体店图片| www.948893.com-武汉福利彩票机转让| 500彩票www.330256.com| www.ls94.com-今晚好彩3开奖结果| www.190836.com-河北福彩3d试机号| www.61052.com-彩吧vip注册网址| www.720672.com-彩票选号技巧书籍| www.69ml.cc-乐彩微信群-| www.cp5592.com-福彩3d和值走势图| www.069112.com-彩神大发最高邀请码| www.1261.top-重庆时时彩选号软件| www.9358.cn-福彩事件-| www.223305.com-齐鲁彩票双色球| www.337530.com-免费注册给彩金| www.414099.com-出彩的同义词有哪些| www.71576.com-卓易彩票手机版| www.085018.com-亚博彩票手机版| www.076923.com-快三中奖多少钱| www.4964.win-288彩票黑钱吗| www.946022.com-港彩高手坛-| 天玺彩票www.0377555.com| www.320693.com-七星彩的秘诀| www.99089.cc-彩礼给6万合适吗| www.897346.com-欧洲彩票-| www.720992.com-广东快中彩开奖| www.809076.com-上海快三中奖号码| www.883351.com-网易彩票是批准的吗| www.953359.com-合法彩票有哪些| www.991116.cc-4scc彩票网-| www.dm1.com-深圳福彩20选1| www.sl26.com-体彩规则及奖金| www.y10.net-开七星彩直播| www.48fv.com-体彩排列五图标| www.391208.com-龙彩彩票是假的吗| www.929666.cc-海南七星彩杀码平台| www.987283.com-竞彩足球大小球技巧| www.gl1.cc-快三属于什么彩票| www.pd73.com-排列五福彩-| www.p45.com-皇都彩票是安全的吗| www.782883.com-体彩彩票站怎么申请| www.260738.com-吉林快三和值和跨度| www.350537.com-彩色铅笔风景画| www.881241.com-竟彩专栏-| www.426530.com-竞彩长期盈利心得| www.01908.com-福彩3d中彩网北海| www.6096.vip-彩票分析方法| www.18494.com-500彩票靠谱吗| www.62838.cc-篮球竞彩新浪| www.269312.com-珠江彩票下载| www.335777.com-网络快三网络快三赌|