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天

知道了
1分快三 www.44953.com-500亿彩票网址| www.041037.com-乐发彩票网-| www.196215.com-百宝彩票app| www.278295.com-安激快三遗漏| www.381325.com-中国福利彩票双色开| www.509728.com-博彩用什么支付通道| www.585378.com-瑞祥彩云二-| www.661562.com-779彩票计划员| www.773227.com-澳门时时彩开奖网站| www.866842.com-福彩体彩每周几开奖| www.936461.com-买足彩单关稳胜技巧| www.993672.com-打鱼送彩金可兑现| www.jy0.cc-江苏福彩开奖公告| www.qr04.com-中国体育彩票理念| www.12co.com-cb彩宝网站-| www.83xu.com-花生彩票-| www.2404.xyz-搜神传好彩妹图片| www.8526.org-福彩游戏机怎么回事| www.60551.com-51彩虹版-| www.020864.com-今体彩排三开奖号码| www.096890.com-福彩与体彩-| www.167286.com-体彩网-| www.277090.com-云购彩票大发快3网| www.365328.com-排3杀号定胆彩乐乐| www.460111.com-四叶草体彩断组| www.552052.com-彩乃奈奈中文字幕| www.659143.com-体彩19042期| www.752316.com-网络彩票最新新闻| www.829296.com-36o彩票在线计划| www.905120.com-世界杯竞彩足球| www.970230.com-彩神通彩票预测软件| www.dh52.com-红旗彩票彩种| www.vk58.com-快乐5分彩是骗局吗| www.11db.com-中国足彩馆踩踏论坛| www.81wf.com-九江体育彩票店| www.1893.vip-3d福彩图谜第二版| www.05278.com-大圣彩票家升级版| www.51495.com-双色球中彩网首页| www.96728.cc-崔永元谈彩票是哪期| www.062386.com-彩之家官方旗舰店| www.225441.com-英国五分彩开奖结果| www.302679.com-彩_809_彩票| www.373543.com-彩吧是什么-| www.513090.com-口袋彩票网-| www.582789.com-银行职员贷款买彩票| www.657312.com-牛彩网首页手机版| www.763115.com-极速时时彩骗局| www.850334.com-真福彩胆码早早报| www.919124.com-黑彩与官方有合作| www.976240.com-彩礼风俗-| www.st2.com-彩种大厅下载| www.qd88.cc-76c彩票网站| www.02mz.com-微信彩票足球世界怀| www.72wj.com-求七星彩直码网址| www.1181.tv-彩票广告宣传语图片| www.8941.cc-什么叫地下彩票| www.43596.com-彩票5000万网址| www.88491.com-7072彩票下载| www.040128.com-足彩310报纸合买| www.144315.com-足彩分析app推荐| www.233508.com-快三杀号技巧360| www.306089.com-337彩票软件下载| www.375587.com-时时彩任选三单式| www.512963.com-好运时时彩登录网站| www.586404.com-充值送彩金38| www.657998.com-创彩电视-| www.764337.com-海南七星彩版版图区| www.849628.com-腾讯分分彩必中软件| www.916553.com-足彩竞彩500万| www.973781.com-买彩票倍投计算公式| www.if0.com-彩票收集网-| www.og50.com-彩帝彩票app下载| www.3sn.cc-京彩客户端-| www.54pq.com-福利彩票买几个数字| www.852.pw-彩票公鸡图-| www.4534.cn-七星彩19021期| www.9734.me-体彩刮刮乐兑奖流程| www.70955.cc-龙之彩是不是黑平台| www.026354.com-赢家彩票官网邀请码| www.096333.com-排三预测众彩网| www.156307.com-好彩网是干什么的| www.256916.com-微彩吧网址-| www.325233.com-福彩三d组选怎么买| www.388243.com-彩票白菜什么意思| www.522122.com-0165彩票ios| www.586111.com-欢迎谦喜彩票| www.654232.com-北京快三垮度一定牛| www.752285.com-天福彩票平台| www.830041.com-福彩百盈-| www.893449.com-上海爱彩乐开奖结果| www.956936.com-网络彩票赌博害死人| 中华彩票www.9149o.com| www.cj96.com-五分彩违法吗| www.sa65.com-时时彩官网啥时候停| www.13eu.com-全国福彩开奖| www.77wn.com-游客在日本买彩票| www.1063.wang-彩名堂跟哪种最好用| www.8224.vip-谁有送彩金的网投吗| www.25796.cc-体彩手机客户端| www.63565.cc-足彩胜负九场开奖| www.028999.com-鳄鱼彩票猪八戒| www.097583.com-彩票公益金提取比例| www.155339.com-胜负彩中3个| www.253844.com-合法的彩票-| www.318424.com-什么是好彩票双色球| www.379627.com-兰州市福彩投诉电话| www.562435.com-白菜彩金网址大全| www.622622.com-福彩3d一点通今天| www.683838.com-福彩天中图库| www.753009.com-苹果足彩软件| www.852244.com-江苏体彩中奖规则| www.907411.com-彩票黄金分割应用| www.960403.com-风之彩彩票合不合法| 盛大彩票www.c6712.com| www.yq3.cc-玩彩怎么玩-| www.or28.com-优彩彩票手机版| www.8no.com-3000万福利彩票| www.55sl.com-彩票营收-| www.893.date-彩霸王心水资料区| www.4521.cm-排列5论坛家彩网| www.9013.biz-乐彩垠个人资料| www.62662.com-彩票豫测-| www.011050.com-网彩开售-| www.068001.cc-彩票开源源码| www.126307.com-融彩网下载安装| www.187567.com-网络彩票获利| www.247398.com-网络快三和值合法吗| www.310131.com-陕西体育彩票| www.367182.com-彩铅画麋鹿星空| www.444853.com-彩票中三亿上多少税| www.527055.com-博盈高手彩票论坛| www.673707.com-宋式彩画-| www.736111.com-一起彩票app| www.796335.com-尊彩网是不是假的| www.860729.com-好彩蓝莓爆珠条形码| www.906251.com-彩色的梦教案| www.955007.com-瑞彩祥云输钱| www.990728.com-怎么破解彩票的充值| www.cp3396.com-河南彩色压模地坪| www.jd31.com-福利彩票兑奖流程| www.xw27.com-立彩助手-| www.07op.com-鲸鱼素描彩铅| www.64jg.com-众彩网可以赚钱吗| www.838.biz-锋彩直播电视免费版| www.4283.tv-42期福利彩票| www.8887.cn-给个靠谱的外围足彩| www.69405.com-彩霸王玄机网| www.019624.com-彩票256正版| www.074577.com-当彩票打票员累死了| www.128017.com-彩虹宝宝新版| www.187282.com-时时彩96期-| www.240921.com-彩库宝典app| www.301299.com-内蒙古快三冷号| www.358740.com-7777彩票-| www.422207.com-下载新浪爱彩网| www.508036.com-七星彩番外篇明月珰| www.567941.com-51彩票网是真是假| www.626257.com-官彩网app-| www.681083.com-网赌彩票平台| www.735023.com-环球彩妆学校| www.786640.com-微信体彩机充值| www.836218.com-998彩票资料区| www.882591.com-韩国快三计划| www.mt13.com-少女时时彩计划软件|