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.19283.com-东莞体彩兑奖地址| www.151688.com-彩乐汇注册-| www.522601.com-越南五分彩在线计划| www.654740.com-七星彩大奖图片| www.787714.com-神马六给彩票| www.907798.com-宣城体彩兑奖处| 福彩www.26878u.com| www.rj37.com-北京福彩客服电话| www.76wr.com-福利彩票试机号今天| www.335126.com-中彩彩票手机版下载| www.556315.com-乐彩彩票是正规的么| www.099207.cc-福彩何首乌字谜| www.58469.com-旺彩3d开奖-| www.706160.com-嘉兴体彩中心地址| www.048282.com-3d天天彩图-| www.4520.com-永盛彩票网代理| www.604961.com-中澳彩票网站| www.3481.cm-人人福彩下载| www.186.in-彩铅画的真假难辨| www.35591.cc-彩经网彩票杀号定胆| www.cp9767.com-青海福彩快三走势图| www.60258.com-福彩3d绝对布衣3| www.121902.com-体彩兑奖有效期| www.636011.com-体彩每星期几开奖| www.862967.com-星期五有那些彩票开| www.051269.com-全国彩-| www.11bg.com-彩钢瓦规格尺寸| www.09152.com-玩彩票下载安装| www.86168.com-黑彩快三庄家| www.hl81.com-彩票12app-| www.49pj.cc-新乐彩票登录| www.2510.vip-86人工彩票计划| www.9869.in-79彩票下载-| www.228338.com-山西彩礼价目表| www.432135.com-彩票收益法律法规| www.029543.com-云彩宝彩票下载安装| www.5033.vip-明天福利彩票| www.40623.com-手机群里打彩票| www.92224.com-快彩为什么改时间| www.057735.com-福彩3d定胆技巧| www.92994.com-易网彩票开奖公告| www.114076.com-福彩了3d计划软件| www.915819.com-彩票直营店-| www.780048.com-今天福彩开奖视频| www.807899.com-中国体彩直播现场| www.29pg.com-延吉有福彩中心吗| www.cp377.cc-玩福彩快三能赚钱嘛| www.as12.com-安徽快三预测群| www.351562.com-福彩和体彩一体店| www.31vo.com-星期三体彩开什么| www.212826.com-私彩代理提成| www.373529.com-今日七乐彩开奖号| www.235880.com-竞彩足球单关走势图| www.333337.cc-彩票开奖网站源码| www.439565.com-玩彩犯法吗-| www.558829.com-真实的彩虹图片大全| www.653827.com-跳的漂良的快三| www.3986.xyz-永利博彩真假| www.41366.com-77彩票破解软件| www.015621.com-2元七星彩走势图| www.268716.com-广州鸣彩-| www.466399.com-体彩排列五和制表| www.608591.com-彩宝贝手机版下载| www.80508.com-河北省福利彩票招聘| www.529157.com-新彩计划-| www.99481.com-河南商丘柘城彩礼| www.851585.com-福彩快三规律讲解| www.17277.cc-北京福利彩票app| www.038929.com-大发手机购彩| www.208397.com-广西快三官网下载| www.376363.com-七星彩规律表软件| www.635616.com-七彩阳光视-| www.953094.com-吉林彩票投注平台| www.sp42.com-彩之家彩票登录| www.183758.com-乐彩3d论坛-| www.330424.com-快三数据分析统计服| www.586924.com-福彩三d南方双彩网| www.826136.com-二元彩票网大乐透| www.947283.com-3彩彩票-| www.xd68.cc-福彩快三一天开几次| www.1616.live-彩41app-| www.86382.com-三彩女装加盟条件| www.174707.com-中国福彩快三下载| www.328122.com-南方双彩票-| www.45421.com-重庆彩票新闻| www.099896.com-地下彩票-| www.457992.com-2元体彩网-| www.675108.com-万通五分彩平台下载| www.933160.com-浙江恒旺快三| www.94445.cc-福彩分为几种| www.099884.com-相信彩票下载| www.174329.com-哪几个省有快三| www.260698.com-内蒙古福彩中心| www.350120.com-人们应该买彩票吗| www.502627.com-破解星际彩票| www.594973.com-好彩赢三张下载| www.29an.com-足球彩票合法吗| www.315507.com-七彩云南玉器骗局| www.486543.com-蓝彩比分-| www.825676.com-那个彩票软件靠谱| www.930395.com-广州快三怎么查询| 爱彩乐www.514918.com| www.69uh.com-彩票至尊宝典手机版| www.234868.com-下载3d购彩平台| www.043166.com-hk百彩网开奖结果| www.037449.com-乐彩破解版-| www.137111.com-七彩杯有害-| www.656980.com-彩贝app平台| www.042818.com-合买彩票鼓励语| www.87xk.com-临夏市福利彩票| www.32959.cc-体彩19048期| www.109895.com-ok彩票安卓版下载| www.43bi.com-足彩奖金计算器澳客| www.8965.net-旺彩双色球应用| www.66265.com-自助福利彩票刮刮乐| www.461.bid-合乐彩票能行| www.9667.online彩独2完整破解| www.66039.cc-时时彩投注机器人| www.757535.com-福福建体育彩票网| www.097682.com-彩票店一月销售额| www.4763.org-百乐彩合法吗| www.13870.cc-刮刮彩票怎样破解| www.63793.cc-快乐彩复式奖励| www.005818.com-时时彩票下载中心| www.083115.com-北京福彩在哪兑奖| www.138180.com-福彩销售站点查询| www.198088.com-内蒙快三合走势| www.568513.com-微彩app66vc| www.86369.com-福彩中心周末上班吗| www.090906.com-南宁福彩-| www.171770.com-贵州福彩网双色球| www.r87.com-快三怎么看豹子| www.1420.com-彩宝怎么下载| www.8615.xyz-彩视怎么做-| www.9886.biz-乐游彩票合买| www.595893.com-猎豹彩票是否合法| www.nw51.com-福彩网五分快三赌博| www.084939.com-彩票外接显示| www.338746.com-彩票的支票怎么兑换| www.75nt.com-彩名堂稳吗-| www.03268.com-怎么戒除买彩票| www.79038.com-福彩3d和值表全部| www.51580.com-大发快三是不是真的| www.054007.com-有人在快三赢过钱吗| www.236582.com-上海彩票11选五| www.388969.com-华彩人生新版| www.557280.com-彩宝贝彩票专家预测| www.753622.com-分分中彩票官网| C9999www.318548.com| www.25vb.com-qq分分彩官方吗| www.058109.com-天天乐彩注册| www.862816.com-当天全部彩票开奖| www.cp2803.com-老快三游戏-| www.14tj.com-大公鸡七星彩规律图| www.8154.vip-上海快三加奖公告| www.261560.com-福彩网站app| www.61st.com-莲湖福彩转让| www.4420.in-玩快彩真的能赚钱吗| www.yo54.com-福彩新3d-| www.905253.com-彩票程序概率| www.385771.com-九五彩票可靠吗| www.600968.com-欢迎来到苏宁彩票| www.43255.cc-豪门汇彩票-| www.50278.com-808彩票网早版权|