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天

知道了
亚洲28 www.86535.cc-福彩3d直播现场| www.639631.com-数据之家竞彩店| www.894055.com-大财神彩票软件开发| www.as41.com-一分钟网络彩票| www.7271.loan-六开彩c8万彩吧| www.112156.com-彩票网站送彩金大全| www.52756.cc-七彩山鸡价格| www.877331.com-七乐彩万能15码| www.997182.com-北京快中彩走势| www.pb79.com-竞彩专家推荐| www.288240.com-熊猫娱乐时时彩| www.9382.biz-彩票双色球怎么中奖| www.72314.com-精彩视频免费观看| www.057862.com-甘肃快三中奖助手| www.416659.com-快三多少组数| www.3676.cn-佳能彩色复印机维修| www.32517.com-彩妆店经营-| www.86781.com-竞彩猫怎么不播了| www.019002.com-手机版胜负彩过滤| www.8780.vip-nba新浪篮彩| www.471369.com-体彩晶晶解和值迷| www.585280.com-彩神8分分快三| www.11kz.com-826彩票软件下载| www.99ri.com-至尊彩输惨了| www.95996.cc-福彩与慈善相结合| www.87246.com-彩票首页-| www.0394.pw-时时彩不倍投方案| www.9123.cn-百胜时时彩计划| www.9901.pw-2019年竞彩新规| www.110309.com-七星彩准头尾期期中| www.640039.com-高压吉林快三走势图| www.773538.com-台湾五分彩开奖依据| www.072598.com-什么是筛子彩票| www.9611.net-福利彩票造假视频| www.642928.com-广东时时彩彩走势图| www.873366.com-特彩吧手机开奖结果| www.d00.top-时时中彩票平台登录| www.2048.website彩神通四码是真的吗| www.2816.cc-彩票中奖宁波| www.637985.com-体彩哪年发行| www.363396.com-长春市彩票中心| www.511710.com-足彩任9-| www.612878.com-下载d8彩-| www.710218.com-体育彩票店微信号| www.839105.com-安顺体彩中心地址| www.976714.com-四川广元彩礼价目表| www.iz61.com-中国足球竞彩网| www.48el.com-世界著名博彩地| www.pp01.cc-福利彩票选号技巧| www.667955.com-乐城彩票真假| www.810807.com-彩尊国际是黑平台| www.936720.com-麒麟彩票骗局| www.cai0633.com大发快三官网网址| www.xd85.com-中彩网骗人-| www.215666.com-360彩票中心首页| www.ty3.cc-快3彩票网站彩入口| www.79ux.com-南京福利彩票网点| www.7059.vip-幸运彩平台可信不| www.62213.cc-稳定老娱乐购彩平台| www.400509.com-沈阳体彩中心地址| www.gn43.com-蚂蚁致富团队彩票| www.361751.com-体彩3d最新开奖| www.493030.com-竞彩看盘看不懂| www.599206.com-怎样买福彩-| www.096342.com-四川省体彩中心电话| www.653621.com-章鱼彩票竞猜| www.it74.com-中国体彩官方客户端| www.356438.com-彩票充10-| www.406813.com-温县订婚彩礼多少钱| www.196418.com-休肓彩票开奖查询| www.344646.com-国乐彩官网下载| www.349.in-求一个福彩3d网站| www.dj78.cc-马来西亚分分彩开奖| www.699098.com-超级彩票助手手机| www.782044.com-500万彩官网| www.858077.com-百博海南七星彩| www.920872.com-优乐彩下载-| www.984795.com-足球体彩-| www.yc1.cc-财神彩票骗局| www.gj89.com-分分快三套路| www.309538.com-彩票app公司排名| www.261466.com-彩票分析软件下载| 中国福利彩票www.34788e.com| www.22669.com-7星彩开奖历史| www.0020.pw-2元能买彩票吗| www.41800.com-中彩吧平台安全吗| www.111452.com-致胜团队彩票计划| www.800117.com-查看福彩票开奖查询| www.551051.com-如何线上买福利彩票| www.pz80.cc-怎样下载新彩网| www.913303.com-老版本好彩客| www.760937.com-彩礼三金是什么| www.16333.com-重庆时时彩人工网页| www.069931.com-彩神app安全吗| www.oa46.com-彩八彩票下载安装| www.589081.com-中彩体育是什么东西| www.137217.com-看透彩票刮奖的图案| www.282119.com-重庆时时彩在线杀码| www.675626.com-安微快三投注买网| www.840054.com-下载山西体育彩票网| www.951440.com-彩票lv-| 大赢家彩票www.570821.com| www.kj26.com-易彩网的邀请码在哪| www.694568.com-足彩任九论坛| www.130498.com-彩票什么计划最准| www.424164.com-爱心彩app下载| www.114117.com-香港快三有哪些| www.84377.cc-彩钢瓦规格及价格| www.561227.com-爱乐透彩票安卓下载| www.29pu.com-彩票网站推广哪家好| www.0355.com-时时彩跨度走势图| www.50084.cc-t36cc天下彩票| www.462879.com-p3体彩今日开奖| www.50ym.com-高频彩缩水app| www.970987.com-银河彩票网站靠谱吗| www.aq31.com-福彩快三推荐码| www.ss46.com-福彩百位振幅走势图| www.49vj.com-强强彩票软件| www.996.link-七星彩中奖怎么扣税| www.792090.com-彩票号是怎么出来的| www.865167.com-体彩金七宝app| www.923696.com-秒速时时彩开奖公式| www.917853.com-南国七星彩投注网| www.253727.com-华人时时彩官方网站| www.961508.com-购彩365-| www.c68.com-聚宝彩票网-| www.49yb.com-足彩凯利方差app| www.2344.win-m5彩票线路检测| www.448811.com-彩票今日开奖查询| www.p60.xyz-体育彩票排5| www.659470.com-大乐透彩票走势| www.775947.com-时时彩后三最稳玩法| www.933158.com-玩快三一年了| www.981427.com-足彩任九场奖金查询| www.ur3.cc-快三预测软件准吗| www.58ej.com-中彩那天的课本朗读| www.79073.com-235彩票软件下载| www.037029.com-成化珐琅彩-| www.295357.com-财经频道彩票开奖| www.761469.com-笑脸常开好彩自然来| www.30rp.com-彩票营业员的工资| www.582079.com-悟空彩票能提现吗| www.8434.vip-魔方彩票正规吗| www.303786.com-福彩天地报在线| www.355363.com-广东福利彩票一等奖| www.u92.cn-一品彩票网上买彩票| www.154628.com-福利彩票挣钱吗| www.227365.cc-福彩快3官方平台| www.296243.com-吉林快三计划书| www.za95.com-甘肃福彩下载安装| www.728053.com-澳客体彩官网| www.53705.cc-盈盛国际时时彩| www.805709.com-九彩彩票官网载| www.807857.com-体彩任选九中奖规则| www.898378.com-彩民乐树-| www.971946.com-创彩网是黑平台吗| 豪彩VIPwww.529355.com| www.zr08.com-14胜负彩复式表| www.hf43.com-官方快三辅助器| www.80134.com-网络博彩怎么玩| www.593908.com-七彩公司-| www.575058.com-彩37app-| www.665456.com-七乐彩定胆机选| www.769163.com-手机好彩邀请码|