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.390695.com-分分彩什么玩法稳赚| www.714289.com-内蒙新快三走势| www.804596.com-福利彩票背后的秘密| www.875052.com-中国彩吧图-| www.938797.com-机盘老快三游戏下载| www.985711.com-福彩3d微信交流群| www.ay5.com-体彩排列3走势图| www.870278.com-彩票投资网-| www.954787.com-快彩快三-| www.cp2003.com-福彩3d试机号金码| www.512937.com-彩票直通车靠谱吗| www.234341.com-微信委托买彩票| www.386208.com-彩票代玩任务| www.567141.com-彩神通开奖信息结果| www.649838.com-香港博彩堂公式杀肖| www.929170.com-博牛彩票破解方法| www.983904.com-3d福彩下载安装| www.t12.com-支付宝彩票最大奖| www.576428.com-中彩吧登陆-| www.677116.com-彩色手提纸箱设备厂| www.761599.com-甘肃快三计算方法| www.867746.com-七星彩几点开| www.927760.com-网赌极速快三| www.983400.com-66红彩app-| www.fs88.com-快乐彩开奖走势图| www.619021.com-购彩信誉平台排名| www.755966.com-苹果4s彩膜-| www.cai0002.com快三玩法介绍| www.982352.com-爱乐透彩票门户| www.gl8.com-时时彩改时间| www.l88.top-彩经网3d组选杀号| www.e45.net-七星彩网易开奖直播| www.52uk.com-快三缩水租号下载| www.0802.cm-刷彩员-| www.588163.com-彩票管家官网| www.040679.com-网彩代打-| www.134579.com-彩71app下栽| www.869746.com-人人中彩票苹果版| www.lj68.com-中彩票手机版| www.0569.xyz-黄釉青花五彩| www.19754.com-快三规则推算| www.025751.com-内蒙福彩在哪下载了| www.386538.com-双彩网排三排五论坛| www.904014.com-彩神vapp靠谱吗| www.988301.com-江西省福彩网| www.ft44.com-手机彩票投注靠谱吗| www.x28.net-九洲彩票-| www.77gm.cc-零零时时彩收费版| www.1450.xyz-海南四星彩开奖池| www.8572.cn-算彩票-| www.pr81.com-体彩关爱留守儿童| www.59jp.com-彩钢瓦制作机多少钱| www.9770.vip-预测七星彩号码| www.906352.com-沉迷彩票什么原因| www.29nj.com-彩铅人像明星画教程| www.42913.com-北京体彩中心下载| www.72070.com-九盛中彩彩票终端机| www.948883.com-武汉福彩转让| www.cai6900.com快三怎么玩容易中| www.qj40.com-屠龙团队在做立彩| www.337625.com-火星彩票快三| www.657748.com-体彩龙彩给胆| 500彩票www.50054i.com| www.539151.com-丢硬币玩彩票| www.623969.com-春秋彩票234| www.696778.com-金华体彩网-| www.769985.com-高频彩网站出租| www.843910.com-兴华彩票软件下载| www.100625.com-105彩票软件下载| www.840712.com-福彩连环夺宝技巧| www.721004.com-数学家破解彩票| www.861810.com-腾讯时时彩开奖号| www.932266.com-快三玩和值-| www.984803.com-8v彩票app-| www.399976.com-彩47com-| www.393514.com-简单彩铅画多肉植物| www.713629.com-王者彩票快三破解| www.791924.com-3d彩票网上兑奖| www.866767.com-周六晚上开什么彩票| www.938596.com-双赢彩票正规吗| www.986298.com-时时彩长期盈利方案| www.rp6.com-福彩三d开机号今天| www.mx32.com-福建体彩快三| www.5kz.com-最新刘军玩彩票视频| www.54by.com-凯里开发区彩票| www.0503.cm-乐彩网排列五推荐| www.466338.com-平台秒秒彩中奖规律| www.610320.com-4个数的彩票| www.679153.com-彩票至尊宝典| www.06076.com-彩票代投兼职靠谱吗| www.517.live-新浪福利彩票双色球| www.275962.com-那个彩票中奖率最高| www.389079.com-澳客足彩官网| www.876762.com-3d福彩魔鬼图表| www.999063.com-广西玩彩乐-| www.ix96.com-中彩福彩走势图| www.r60.top-福彩3d字迷图| www.65hv.com-大乐透彩票专家预测| www.2341.org-福彩一分彩计划| www.700188.com-福利彩票有几种类型| www.706915.com-体彩开奖31选7| www.787242.com-360彩票是正规的| www.858117.com-柬埔寨博彩合法吗| www.911846.com-网上买彩票会怎么判| www.976304.com-云南昆明彩票中奖| www.cai5158.com湖北快三规则| www.261925.com-葡京彩金38元| www.935342.com-彩票ios版-| www.dt5.com-内蒙快三走势图下载| www.526103.com-u9彩票苹果版| www.661248.com-时时彩稳计划app| www.1937.name-河南体彩手机在线| www.89tk.com-网上博彩哪个平台好| www.2550.org-808彩版-| www.300889.com-人人中彩票旧版本| www.542345.com-正发彩票平台| www.kb61.com-中国福利彩票分析| www.e20.tv-乐和彩票app下载| www.022534.com-今日吉林快三开奖| www.091517.com-手游彩官网-| www.151984.com-全球彩票是骗局吗| www.093281.com-北京中彩快印| www.906867.com-体育彩票哪个比较好| www.984321.com-陕西福彩十分乐| www.43ky.com-彩头什么意思| www.5208.cn-3d新彩吧字迷总汇| www.02793.com-中彩情报网-| www.62525.com-彩票中奖装逼生成器| www.815685.com-石家庄福彩中心地址| www.886676.com-福利彩票奖金分配表| 全民乐彩票www.2934k.com| www.fy46.com-河北体彩网-| www.uk87.com-008论坛彩票| www.296822.com-一分快三彩票平台| www.077105.com-彩票咋个买几个数| www.80846.com-竞彩足球都是假的| www.281827.com-新浪彩票数字双色球| www.762098.com-竞彩比分软件| www.862142.com-七乐彩除8走势图| www.906573.com-好听的彩票店名字| www.956077.com-精彩彩票是真的吗| www.992966.cc-中国足彩馆踩踏原创| www.ao62.com-安徽快三结果| www.zz0.com-河南福彩快三走试图| www.9200.vip-500彩票双色球| www.567723.com-228彩票网-| www.746668.com-台湾五分彩走势图| www.658318.com-百宝彩电子网| www.727630.com-杏彩平台app下载| www.790017.com-好彩店竞彩版合法吗| www.850596.com-快三什么叫二不同号| www.896697.com-网彩代理-| www.948469.com-香港福彩3d资料图| www.982463.com-鸿彩辉腾团队| 中华彩票www.914903.com| www.hf35.com-体彩大乐透专家推荐| www.200056.cc-福彩开奖是多少| www.299780.com-彩票手动走势图| www.282862.com-彩票33下载-| www.400388.com-大奖快三套路教学| www.069590.com-神彩网69880| www.757798.com-中彩网怎么提现不了| www.887499.com-釉下彩鉴别-| 大赢家彩票平台www.068637.com|