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.0812.org-足彩中奖如何兑奖| www.628411.com-彩神vip邀请吧| www.315024.com-彩票的购买规则| www.95py.com-双色球彩乐乐杀号| www.742884.com-能成功提现的彩票| www.867947.com-七星彩资料-| www.571575.com-彩29苹果下载| www.335481.com-广西快三是真的吗| www.46129.com-开福利彩票抽成多少| www.088983.com-彩票4+1多少钱| www.633010.com-竞彩篮球哪个是主队| www.846508.com-小崔说彩票的真实性| PK彩票www.606684.com| www.30411.com-体彩排列三图谜| www.124765.com-迷彩虎-| www.111848.com-有个app叫竞彩宝| www.283796.com-国外彩票种类| www.071212.com-彩28下载-| www.158743.com-利盈彩票下线| www.263930.com-彩票11选五开奖| www.974822.com-金七乐_四川体彩| www.0553.tv-三的彩报-| www.350566.com-浙江福彩十选五| www.096663.com-神彩福牛双色球网站| www.7856.la-吉林快三跨服和值| www.712065.com-天天彩票官网是多少| www.326263.com-彩宝彩票下网站| www.421772.com-体彩竟彩玩法| www.582576.com-锋彩直播破解4.4| www.698313.com-嘉兴福彩中心| www.08611.com-鸿彩网平台关闭| www.538731.com-彩票必赢方法| www.68du.com-号百彩票上的充值| www.1136.net-玖富彩票-| www.01716.com-彩金游戏-| www.50266.cc-928彩票官网| www.94646.cc-美甲彩妆店地面砖| www.842018.com-聚鑫彩票网站| www.910107.com-粤彩联盟报今期| www.968595.com-中乐彩网站-| 大赢家彩票网www.544086.com| www.65gx.com-本期福彩演播室主题| www.wr70.com-好彩app0567| www.78hr.com-博彩和足球的关系| www.285867.com-最大的快三网站| www.033502.com-易彩堂网页-| www.cai87.cc-河北快三开奖今天| www.716139.com-宝马彩票真的吗| www.871885.com-彩票凯里-| www.985795.com-狗哥足彩推荐| www.ni20.com-中国体彩竞彩官网| www.850734.com-买彩票什么时候截止| www.956175.com-赢钱彩平台-| 鑫彩网www.xcw866.com| www.914009.com-排三乐彩网首页| www.995943.com-743好彩app-| www.ax23.com-体育彩票大乐透开奖| www.sv38.com-华乐彩票开奖中心| www.26jf.com-广东福利彩票加盟| www.5662.biz-七乐彩走势图彩经网| www.669372.com-国营彩票-| www.783216.cc-保定彩票站招聘| www.572050.com-福彩三d的开奖| www.657880.com-新利彩票网址| www.933657.com-分分钟彩票官方网站| www.2982.cc-彩票网购官方| www.807559.com-福彩3d守号中奖| www.901767.com-代理个黑彩台子多钱| www.971323.com-彩票软件怎么合法| www.xo.com-山西福彩快三走势图| www.881938.com-十三国际彩票兼职| www.740021.com-高频时时彩开奖结果| www.831092.com-广州彩妆加盟| www.935737.com-彩票长龙助手怎么看| 500彩票www.50788w.com| www.49kj.com-彩38net-| www.441255.com-彩乐斗地主下载| www.30.vip-今日开什么七星彩奖| www.88av.com-体育彩票税钱| www.59555.cc-北京快三人工计划网| www.393200.com-深圳彩票中心电话| www.553750.com-体彩优秀竞彩网点| www.718844.com-彩虹腐女是什么意思| www.au13.com-彩票玩法规则| www.423051.com-体彩p3图谜图库| www.912358.com-极速快三平台| 梦想彩票www.33112j.com| www.982223.com-福彩快3开结果查询| www.249734.com-彩票顶呱刮app| www.360147.com-梦见彩票中奖不给| www.345073.com-彩神通会员四码下载| www.rt70.com-我爱彩票官网| www.2119.xyz-4月胜负彩何时开售| www.30538.com-江苏体彩7位数开奖| www.397734.com-七星彩2280期杀| www.824544.com-彩票坐庄-| www.cai9311.com七星彩最准专家预测| www.987075.com-彩之堂网站-| www.hg99.com-极速快三全天计划| www.vd70.com-智慧彩挂机网| www.27018.com-彩票跟单软件| www.o68.com-做彩票的公司| www.40gz.com-彩礼超两万-| www.7871.org-吉林快三庄家| www.340756.com-体彩竞彩赛事推存| www.261019.com-竞彩九场开奖| www.mj25.com-正规时时彩官网平台| www.815414.com-昨日体彩中奖号码| www.902425.com-以前干过黑彩| www.966887.com-综艺福彩官网合法吗| 大赢家彩票www.393411.com| www.7167.loan-七彩假期招聘| www.31511.cc-米多竞彩app| www.8671.xyz-北京福彩网论坛| www.58571.cc-创彩app下载| www.6855.net-我中啦彩票网靠谱吗| www.33331.com-3d杀号凤彩-| www.243531.com-360彩票计算器| www.657082.com-竞彩足球的销售时间| www.888098.com-牛票票彩票社区网| www.380894.com-快三三不同全买了| www.567470.com-彩虹六号围攻视频| www.702006.com-杭州竞彩app开发| www.840990.com-河南省彩礼排名| www.949328.com-招彩票代玩靠谱吗| www.pd53.com-河北福利彩票网官网| www.dh0.com-玩快三-| www.nx60.com-玩快三真的能赚钱吗| www.933613.com-福彩快三哪些省份有| www.89863.com-2012七乐彩开奖| www.94438.com-17彩票平台-| www.126574.com-6月16号山西体彩| www.253246.com-广东好彩一预测| www.76hx.com-宏盛彩票平台| www.135234.com-国内知名的足球彩票| www.613486.com-高频彩票实体店| www.671528.com-彩宝网app-| www.730926.com-海宁福彩店转让信息| www.799163.com-体彩彩票终端机| www.05270.cc-大圣彩票app| www.79np.com-福彩专家推荐| www.449468.com-体彩湖北11选择5| www.291259.com-福彩3d走综合版| www.368163.com-彩铅排线技巧| www.505866.com-网络买彩票找黑客| www.968541.com-5亿彩app正规吗| www.873153.com-彩彩票导航-| www.988656.com-下载期期彩-| www.ik87.com-中国福彩网下载安装| www.941.bid-365天天彩票官网| www.700177.com-彩票大发的技巧| www.975112.com-购彩网用户注册| www.wi95.com-下载甘肃体彩快三| www.832.cm-3月1日彩票直播| www.a37.top-福利彩票提前开奖| www.959468.com-易彩快三作弊器| www.5007.net-吉祥彩票客服| www.137794.com-毕节彩票中奖| www.0yb.com-红快三一定牛| www.311624.com-福彩三d牛材网| www.791419.com-网福利彩票自动选号| www.856929.com-gc国彩app下载| www.897177.com-快三推算下期| www.945228.com-福建福彩投注站电话|