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.173778.com-彩票软件-| www.356908.com-如何用生日买彩票| www.569169.com-买福彩用什么软件好| www.072160.com-包头开彩票站多少钱| www.274908.com-彩6官方下载3.0| www.715456.com-天天彩票猴彩科技| www.46584.com-大众彩票网首页| www.45766.com-大中华彩票快3| www.537555.com-中彩网3d字谜总汇| www.55948.com-中乐彩登录-| www.278889.com-红牛彩票下载安装| www.562505.com-速赢彩票-| www.852098.com-彩票中奖符咒图| 聚彩网www.306727.com| www.56bx.com-下载上海福利彩票| www.863538.com-时时彩数据导入| www.gm66.com-彩礼39999寓意| www.91mn.com-彩之家赢钱不给提现| www.8853.win-彩票3d出号漏洞| www.43379.com-彩吧论坛众彩网| www.110514.com-七星彩二字现怎么打| www.328285.com-乐彩3d字谜总汇| www.539939.com-体彩手机在线坑人| www.678214.com-福盈门彩票准成么| www.816408.com-网络快三赌博有假吗| www.957260.com-彩票自动投注挂机| www.zb3.cc-香港快三一天多少期| www.3721.bid-淘之家彩票真的吗| www.53367.cc-时时彩网站设置| www.309119.com-网上买彩票被骗| www.482172.com-重庆时时彩停开| www.231060.com-彩票购彩大厅下载| www.489112.com-众乐彩票线路导航| www.800101.com-江苏快三遗落号| www.970011.com-彩之网绕胆图| www.98317.com-腾讯分彩精准计划| www.43xt.com-添红挂彩意思| www.1112.gg-时时彩25期反长龙| www.8340.net-东方彩票能信吗| www.34405.com-今日七星彩最新预测| www.254112.com-最靠谱的彩票app| www.393581.com-陕西体育彩票官网| www.527081.com-新加坡快三开奖结果| www.625313.com-牛娃彩票导航网| www.705777.com-彩发发下载-| www.789293.cc-体彩竞彩网下载| www.869638.com-体彩扑克牌豹子多钱| www.938005.com-彩票快三app| www.997252.com-鳄鱼彩票福彩双色球| www.dx91.com-内蒙古快三有规律吗| www.yu56.com-酷彩彩票app| www.108644.com-彩票概率论-| www.242501.com-好的彩票网址| www.375312.com-今晚七星彩几点开奖| www.506722.com-彩八彩票是假的吗| www.781003.com-彩票白菜福利论坛| www.899544.com-51彩票在线计划| www.974494.com-昨日福彩开奖信息| www.s40.club-河北快三遗漏值统计| www.68ba.com-官方时时彩怎么玩法| www.1240.vip-七星彩奖虫怎样打印| www.7494.cm-济南体彩店转让| www.31488.cc-刷彩票挣钱-| www.86419.com-买彩票需要算数吗| www.074731.com-香港手机彩富网| www.007999.com-七乐彩查询中奖结果| www.084847.com-彩票软件编程| www.170977.com-福彩快三的玩法| www.262836.com-七星彩玩法中奖规图| www.365675.cc-画彩铅画的必备工具| www.476448.com-天天时时彩软件下载| www.566536.com-北京和彩放题哪家好| www.678950.com-售彩app-| www.887342.com-彩票算赌博吗| www.tt79.cc-彩票合买大厅网址| www.10ed.com-体彩排列三试机号码| www.1981.love-智能彩票预测软件| www.01233.com-5亿彩是骗人的吗| www.398691.com-多赢快三计划软件| www.538932.com-赢时彩票-| www.777242.com-网上投彩十大网站| www.908970.com-3d福彩选号技巧| www.979357.com-南通体彩网-| www.250736.com-手机分分中彩票| www.843453.com-福彩考试的知识| www.752323.com-被网易彩票骗啦| www.911111.com-竞彩足球比赛分析| 好运彩吧www.096386.com| www.0an.com-超好看又漂亮彩铅画| www.989080.com-彩8aqq下载彩票| www.398615.com-足彩12月份对阵表| www.565696.com-彩96.com-| www.675406.com-官方彩票之免费资料| www.786030.com-彩票时时彩遗漏统计| www.867832.com-七星彩下期开奖号码| www.125341.com-体育彩票广场摸奖| www.225992.com-酷彩票计划群| www.325062.com-彩票吧论坛-| www.435315.com-什么彩票网安全| www.559738.com-和彩宝骗局-| www.659403.com-七星彩票开什么奖了| www.54012.com-爱彩人app苹果| www.089611.com-8816网络彩票| www.220108.com-安徽快三杀号预测| www.363598.com-杏彩168下载安装| www.503876.com-a6娱乐彩票正规吗| www.603595.com-山西中奖彩票| www.701983.com-有没有人用彩票软件| www.806208.com-福彩今天3d试机号| www.904919.com-彩票属于什么行业| www.983348.com-新盈彩在线网址| www.qt70.com-福彩摇号作弊的视频| www.34me.com-本期七星彩开奖直播| www.0544.win-什么彩票网站靠谱| www.9156.top-福彩三d正版天庚图| www.65150.com-西宁福利彩票领奖处| www.791894.com-新中国彩吧-| www.967296.com-福彩双胆2天计划| www.co39.com-彩客站几年了| www.42kb.com-008彩官网-| www.2651.win-福彩中心怎么样| www.25762.com-彩店宝彩票电脑版| www.016220.com-中国体育彩票365| www.177883.com-福彩快三开奖号码| www.299608.com-陕西体彩爱彩乐| www.502538.com-五亿彩是什么| www.323168.com-彩票直通车网站| www.562983.com-南国彩票天涯论坛| www.678583.com-足彩赔率即时| www.851776.com-内蒙十_选五爱彩乐| www.949862.com-大彩网双色球走势图| 幸运彩票www.675066.com| www.rg24.com-各种釉彩大瓶难度| www.54zg.com-贵州体彩范靖松| www.5565.in-马来彩开奖记录| www.60140.com-彩票交税规则| www.045885.com-最新版彩83-| www.150528.com-微彩站app-| www.246636.com-皇都彩票一彩票分析| www.343469.com-能试玩的彩票网| www.467234.com-七乐彩每天几点停售| www.579243.com-时时彩龙虎和口诀| www.679107.com-博彩套利论坛| www.12242.com-福彩历史中奖查询| www.025645.com-天无彩选四开奖| www.77ce.com-七星彩摇一摇选号机| www.8647.org-中乐彩票app| www.78651.cc-彩经网排三最大值| www.134347.com-贵烟新好彩价格| www.234001.com-江苏快三是国家的吗| www.316136.com-彩票有传销组织吗| www.397207.com-乐透型彩票开奖号码| www.527555.com-时时彩三星和值走势| www.799181.com-进入彩运8平台| www.859075.com-168彩票计划网| www.920158.com-开发定制彩票平台| www.982747.com-快三和值9的号码| www.ks23.com-快乐彩一定牛| www.8617.cc-电视福利彩票走势图| www.93430.com-齐鲁风彩-| www.4386.biz-app中华彩票网| www.376908.com-北京娶媳妇有彩礼吗| www.569805.com-下载彩88彩票| www.649024.com-钢笔彩墨-|