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.146730.com-唯彩会彩彩票预测| www.356294.com-彩票算法编程| www.7553.wang-百度于海彩票事件| www.334449.com-福彩3d购买平台| www.485583.com-炫彩之剑掉落| www.315785.com-七天彩app下载| www.165.website彩库宝典手机版图| www.797592.com-99购彩票骗局| www.97zh.com-玩黑彩犯法不| www.4099.xyz-彩虹七号配置要求| www.352077.com-彩票图案-| www.459100.com-任选9场胜负彩玩法| www.598129.com-体彩足彩兑奖| www.827855.com-注册送彩金的靠谱| www.971334.com-体彩大乐透头奖概率| www.d99.cc-足彩先买平再对冲| www.922887.com-河南彩色沥青颜料| www.995387.com-北京彩民中奖| www.ew42.com-彩票18075-| www.0ss.cc-大发快3彩乐网| www.84wp.com-开心分分彩计划| www.87339.com-933彩票安卓| 福利彩票www.99677r.com| www.219545.com-广西快三赔率介绍| www.135512.com-福彩网站下载安装| www.224515.com-兼职玩快三-| www.309045.com-彩票统计分析器| www.394381.com-海南私彩梦解| www.611220.com-彩虹六号本子无翼鸟| www.688643.com-甘肃彩票网-| www.768598.com-爱乐体彩-| www.835922.com-广东彩王彩图图片| www.899877.com-c81彩票网-| www.62281.cc-体彩大赢家-| www.bb87.com-福体彩最新开奖结果| www.87520.com-网络彩票输钱经历| www.0464.name-2018注册送彩金| www.66439.com-彩票网上可以兑奖吗| www.047147.com-288彩票官方网| www.128740.com-体彩都有哪些种类| www.201184.com-七星彩十大专家预测| www.72535.cc-吉林省黑彩没人管| www.019028.com-海南七彩开奖时间| www.96uy.com-怎么查福彩电子票| www.99535.cc-中福福利彩投| www.127086.com-明星彩铅画-| www.688113.com-九州博彩下载地址| www.819567.com-彩票数据下载| www.902288.com-爱购彩票官网下载| www.982825.com-共享彩票几年了| www.qt28.com-福利彩票大奖组时期| www.14ay.com-买五分彩走势图| www.228977.com-福彩河南快3走势图| www.346076.com-广西手机福彩客户端| www.442294.com-好运来彩票网站| www.397643.com-福彩刮刮奖破解| www.116886.com-彩票翻倍公式| www.8666.vip-福彩3d新算法| www.337537.com-彩客彩客网首页| www.508375.com-彩票行家玄机幽默| www.30kc.com-彩虹彩票官方网站| www.233222.com-湖北福彩快3今天| www.338421.com-互娱彩票软件下载| www.616741.com-银达时时彩登录网址| www.eh92.com-彩经网蓝球杀号| www.wz95.com-湖北快三定位走势图| www.bg63.com-头头博彩app| www.718511.com-彩虹什么意思同性| www.276593.com-盈彩全天计划| www.383695.com-9万彩票下载苹果| www.533802.com-七星彩2位数多少钱| www.637416.com-鑫彩注册-| www.700472.com-九五彩票app| www.780059.com-人工智能预测彩票| www.852286.com-结婚什么时候谈彩礼| www.922461.com-甘肃快三官方下载| www.983882.com-海南海口七星彩早版| www.cd4.com-好彩三开奖结果| www.94hm.com-彩金网彩卷风| www.3127.top-陕西宝鸡体彩中心| www.8841.vip-9号彩票平台登录| www.44169.com-白银福利彩票站点| www.97378.com-北京福彩快三排| www.075038.com-福彩下一-| www.148884.com-乐米彩票是小米吗| www.776808.com-福彩字迷藏机图| www.869405.com-重庆试试彩龙虎代理| www.bi99.com-亿彩堂快三app| www.544433.com-红中彩票平台登录| www.676764.com-与酷彩吧相同的软件| www.749506.com-中彩网怎样玩更赚钱| www.813149.com-网上买足彩是赌博吗| www.891646.com-体育彩票术语大全| www.956045.com-3d彩票谜语图便民| 澳客彩票www.277ak.com| www.818864.com-北京福彩投诉电话| www.888648.com-四川体彩金7乐玩法| www.953995.com-彩票字谜汇总大全| 梦想彩票站www.43131g.com| www.216290.com-计划彩票助赢app| www.23jf.com-鸿彩彩票网站| www.8352.top-重庆时时采彩一星买| www.563282.com-彩民十阳光探吗图| www.232906.com-好彩堂网站-| www.473898.com-南京福利彩票网点| www.569608.com-好彩网娱乐-| www.657438.com-彩票两元网大乐透| www.756527.com-怎么看彩票的票花| www.905776.com-乐赢彩票app下载| www.977874.com-彩色纸盒包装| www.nr1.cc-福彩3d和值表区| www.va94.com-彩吧图库331期| www.76cn.com-曝彩堂-| www.865818.com-时彩怎么骗人| www.965827.com-乐彩彩票开奖查询| www.cm43.com-福彩6选3怎么玩| www.sa36.com-手机彩票双色球| www.00sc.com-彩蕴防过敏染发膏| www.57ed.com-彩票大师官网下载| www.956.in-七乐彩出球一览表| www.044928.com-k彩登录平台| www.5hc.com-旺角彩票网址| www.005127.com-彩民论坛推荐号| www.097041.com-福利彩票一定牛官网| www.167362.com-江苏快三一定牛| www.956595.com-彩票亏了8万| 凤凰彩票www.88266r.com| www.140953.com-彩票三期倍投计划表| www.631151.com-好彩生肖-| www.365693.cc-彩票图片搞笑| www.jp3.cc-河南快三平台投注| www.254369.com-正规彩票app| www.9937.cm-订婚彩礼钱图片| www.413114.com-365彩票图片| www.529249.com-彩票计划软件安卓| www.607286.com-南方福彩网-| www.682749.com-福彩3d图纸第二版| www.t51.com-118彩票苹果下载| www.845641.com-竞猜型彩票的规则| www.47169.com-幅彩3d试机号| www.413600.com-竞彩足球串关计算器| www.f21.org-乐彩国际怎么样| www.768202.com-网络推广彩票犯法吗| www.162286.com-信誉彩平台-| www.0091.in-名字买彩票-| www.3426.cc-256彩票二维码| www.321440.com-彩票查看结果| www.396440.com-今天福彩什么开奖| www.484618.com-彩票总代理要多少钱| www.556055.com-体彩做假-| www.965847.com-全发国际彩票怎么样| 福利彩票www.99677o.com| www.40188.cc-体彩足彩有几种玩法| www.203234.com-彩票坊app下载| www.443559.com-1216彩票-| www.576474.com-唐山体彩中心| www.741598.com-快三速查表设计图| www.288822.com-彩票推广广告词| www.543444.com-幸运彩票是真钱吗| www.cai6066.com快三出豹子的征兆| www.975661.com-重庆时时彩骗局曝光| www.998286.com-深圳宝安区福利彩票| www.62784.com-彩客比分直播| www.cb86.com-千万彩票app平台|