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天

知道了
9彩注册 www.789596.com-快三试机号今天| www.087179.com-购买七星彩-| www.123025.com-彩神冠军平刷破解版| www.9292.cc-现在什么彩票最火| www.408522.com-体彩票11选5| www.375234.com-湖北快三牛势图| www.500790.com-中国第一张彩色相片| www.586934.com-哪个app能买篮彩| www.ym42.com-2元彩票开奖公告| www.200170.com-手机彩漂网-| www.327018.com-全国高频彩票| www.446554.com-彩票研究突破| www.554647.com-七星彩杀号技巧大全| www.645508.com-腾讯分分彩投注技巧| www.033455.com-店主怎么开通彩站宝| www.236539.com-辽宁福彩短信代码| www.329365.com-支付宝彩票怎么兑换| www.452373.com-附近哪有彩票站| www.586393.com-免费送彩金娱乐网站| www.372470.com-彩色的翅膀教学设计| 幸运彩票www.605366.com| www.205705.com-如何看快三走势| www.211350.com-彩神官方网站| www.335836.com-万达彩票网站首页| www.770277.com-好彩麻将-| www.944711.com-乐发彩票是真的吗| www.27tx.com-体彩小熊猫②| www.4935.cc-布衣精华288彩吧| www.186688.com-老时时彩手机走势图| www.234118.com-体彩3亿-| www.382470.com-pk10彩票合法吗| www.94ut.com-彩票数字之间的关系| www.6653.cm-金祥彩票网址是什么| www.623021.com-cp33彩票下载| www.8ws.cc-体彩一票后两位数| www.9007.in-重庆福彩刮刮乐活动| www.308531.com-易彩快3中奖规则| www.592993.com-彩虹电视剧全集| www.759531.com-大中华彩票提现成功| www.907869.com-合肥体彩转让| www.189120.com-彩票专业分析选号器| www.639479.com-竞猜彩专家推荐| www.767649.com-彩票平台提现被冻结| www.846587.com-北京单场足彩单场| www.602568.com-福体彩票开奖查询| www.948957.com-3d彩票彩图下载| www.394857.com-今天那些彩票开奖| www.515965.com-2元彩票怎么中奖| 彩61www.621764.com| www.zk63.com-快三彩票上海| www.221915.com-北京体育彩票官网| www.um33.com-福彩奖金-| www.3604.xyz-足球彩票价钱多少钱| www.4554.vip-七星彩对比器360| www.20mu.com-福彩在什么台直播| www.676522.com-百度彩票查询| www.13267.cc-竞彩误差排行| www.0005.hk-梦见数字买彩票中奖| www.88833.cc-大师双色球qq彩票| www.is50.com-江苏福彩手机投注| www.11tt.com-现在能买彩票的软件| www.695301.com-竞彩均投和倍投| www.798671.com-88时时彩网-| 彩民网www.76520d.com| www.110681.com-彩票99官方下载| www.601456.com-美的彩票投诉| www.34ti.com-足彩通的钱-| www.768331.com-爱彩乐邀请码| www.928538.com-最新七星彩奖表图| www.zy87.com-上海足球彩票| www.867400.com-彩票几点停卖| www.940895.com-5分快三的网站| 500彩票www.50024f.com| www.xf21.com-掌上中彩是真的吗| www.69466.cc-怎样制作竞彩表格| www.04444.com-微信能买足球彩票吗| www.21213.com-中国足球体育竞彩网| www.78768.cc-三天计划福彩3d| www.047339.com-重庆时时彩爱彩乐| www.000431.com-极速时时彩是假的吗| www.074164.com-彩票保本投注法| www.01062.com-湖北快三是什么样的| www.cp8866.com-兼职代玩彩票靠谱吗| www.866547.com-福彩3d昨天奖号| www.ts5.cc-福彩快三怎么能稳赚| www.cp5993.com-中国体育彩票| www.148681.com-福利彩票全国通兑吗| www.966810.com-快乐彩胆拖速算表| www.dw82.com-长春快三查询| www.26156.com-彩虹的形成图| www.vh60.com-上海福利彩票中心| www.64xq.com-139体彩app-| www.2031.net-彩虹六号游戏规则| www.994243.com-正规合法的网络彩票| www.775330.com-19023体彩-| www.947376.com-福彩蛋蛋正规不| www.em23.com-福彩3d彩吧走势图| www.07gb.com-彩铅如何画苹果素描| www.6296.biz-购买网络彩票犯法吗| www.83891.com-买彩票真能赚钱吗| www.4065.cm-七星彩总2233期| www.46782.com-福星彩历史开奖记录| www.023850.com-小说彩票中20亿| www.178942.com-广西快三派彩走势图| www.cp9779.com-重庆时时彩app| www.67555.cc-胜彩asia骗局| www.117991.com-分分彩赢彩计划| www.576994.com-快彩王平台-| www.00356.com-手机上在哪买彩票| www.25500.com-安徽彩票在哪里兑奖| www.939797.com-彩98网站-| www.05ed.com-彩铅绘画人物图片| www.964298.com-快三有公式计算法吗| www.247544.com-福利彩票虚拟投注| www.663773.com-今日竟彩推荐| www.762387.com-分分彩害死多少人| www.068837.com-609彩票-| www.133564.com-易旺彩票下载| www.898125.com-中国福彩彩吧助手| www.fj29.com-分分快三有假吗| www.249492.com-7星彩下载-| www.344118.com-大发时时彩邀请码| www.459956.com-彩世界a700-| www.571776.com-足彩app排名| www.492432.com-新天成彩票网| www.552466.com-秒速时彩下载| www.90901.cc-8亿彩官网在线| www.557704.com-重庆十字彩官网| www.924766.com-济宁彩票中奖| www.0265.xyz-青岛福彩彩票站转让| www.479878.com-七星彩怎么分位| www.543562.com-中国体彩报发行| www.680825.com-彩票上瘾能戒掉吗| www.959640.com-凤凰彩票大全| www.el46.com-新彩吧多彩网| www.85lb.com-足彩对冲赚取返点| www.hm5.cc-体彩内蒙古11选5| www.846856.com-竞彩足球绝密盘判断| www.871946.com-彩票宿水专家| www.972604.com-123彩票网址| www.dv58.com-网上福彩快三违法吗| www.028228.com-有人说投彩代表什么| www.217573.com-青海快三-| www.291791.com-下载鸿彩手机app| www.bj31.com-彩票app平台下载| www.7536.vip-竞彩网点怎么盈利| www.504761.com-节目彩排的作用| www.366723.com-麋鹿彩铅画教程| www.713021.com-彩票大全网-| www.12jy.com-用彩色跟白云造句| www.215566.cc-全天彩票实时计划| www.336041.com-广西福利彩开奖结果| www.6978.vip-七星七星彩开奖结果| www.318561.com-图表走势贵州快三| www.483802.com-福彩3d大圣字谜| www.575899.com-牛彩手机登陆| www.673756.com-古建筑天花彩绘| www.748430.com-彩票993-| www.ou30.com-吉林快三推荐号码| www.3ph.com-凤凰娱乐彩-| www.47vw.com-新浪爱彩网app| www.777198.com-七星彩大赢家| www.27206.com-一号彩票app下载| www.765135.com-ag333爱购彩|