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.5334.org-qq彩色昵称生成器| www.85922.cc-58福彩官网-| www.067958.com-定制彩票app| www.146697.com-竞彩蓝球-| www.222549.com-快3送18彩金| www.940102.com-彩神争霸11-| www.996753.com-今天的体育彩票号码| www.18194.com-北京福彩新快三振幅| www.568941.com-刷彩票漏洞赚钱方法| www.681081.com-网赌彩票的背后| www.973485.com-真实彩虹图片| www.38fe.com-彩铅金鱼的入门画法| www.0247.cm-福彩游戏跟单骗局| www.8641.biz-五洲彩票登录网站| www.50138.com-彩票平台源码什么好| www.000948.com-体彩61开奖规则| www.158014.com-足彩开奖结果及奖金| www.303844.com-福彩报-| www.377186.com-福彩3d最新开奖号| www.657480.com-体彩7排列3开奖号| www.882634.com-微信中国彩托| www.ci0.com-福彩在线是骗局吗| www.sn93.com-时时彩免费开挂软件| www.33kh.com-昆明快三开奖| www.0786.cn-足球竞彩讨论论坛| www.8779.cc-人工智能足彩新浪| www.78559.com-快乐双彩胆拖| www.104813.com-牛人彩票-| www.208285.com-快三走势图广西| www.345141.com-彩票棋牌网站代理| www.438394.com-汕头体育彩票中心| www.588953.com-开心808彩票网| www.696522.com-七乐彩走势图彩乐乐| www.794261.com-九龙国际彩票网站| www.ct88.com-下载大发快3彩票| www.k00.in-河北体育彩票转让| www.30716.com-玩彩票用哪个软件好| www.004782.com-吉林快三统计| www.100187.com-一定牛彩票不能用了| www.191245.com-内蒙快三49期| www.302161.com-北京快三电视图表| www.396422.com-58彩l58开奖| www.64779.com-竞彩平和让平| www.124422.com-关于彩票句子| www.227595.com-多乐彩开奖号码| www.313782.cc-彩票咨询-| www.1252.xyz-中信彩票是怎么回事| www.23077.cc-118图厍彩图| www.032378.com-推彩票的渠道| www.108163.com-彩票开发程序员判刑| www.185256.com-分分快三是官方的吗| www.56zg.com-二分彩规律技巧集锦| www.1778.live-吉利彩票网址下载| www.9876.tv-o2o购彩平台| www.96671.cc-时时彩海南私彩玩法| www.072378.com-秒速时时彩下载安装| www.253224.com-足球竞彩彩票app| www.344494.com-时时彩微信交流群| www.428520.com-彩虹伞游戏的音乐| www.534100.com-够力七星彩兑奖表| www.96972.cc-竞彩交税原则| www.116512.com-买彩票几点可以买| www.251273.com-彩票讨论app| www.337569.com-体彩6+1查询| www.406406.com-描写彩虹的最佳词语| www.yh56.cc-百宝彩手机走势图| www.6596.biz-体彩nba在哪买| www.052068.com-app彩票租赁| www.800486.com-不懂彩票怎么买| www.908226.com-快乐彩票手机app| 大赢家彩票平台www.136031.com| www.jc21.com-中国福彩网app| www.65ik.com-重庆国彩网-| www.0900.org-互联网彩票导航| www.18891.cc-海南私彩打码软件| www.57679.com-易盈彩票平台怎么样| www.058788.com-3g彩票网站-| www.161017.com-济宁福彩网七乐彩| www.261653.com-中国体育彩票6+1| www.365761.com-主题画动物园彩铅| www.523148.com-竞彩网比分直播彩客| www.701652.com-福利彩票客户端下载| www.781462.com-中国福利彩票二等奖| www.845635.com-彩礼退还的三种情形| www.909280.com-福彩3d彩涂第二版| www.zp66.com-新强时时彩助手| www.54fm.com-红河州体彩兑奖中心| www.2255.live-彩票导师注册送钱| www.13158.com-昆山彩票中奖| www.73267.com-第1彩网-| www.036982.com-足彩让主负什么意思| www.161627.com-大小单双彩票软件| www.274198.com-时时彩预测软件排行| www.407518.com-关于彩票造假新闻| www.526299.com-搭建彩票网站| www.638300.com-色彩图片风景| www.741884.com-彩票首次注册送18| www.872043.com-体育彩票多少钱| www.957832.com-彩票摇奖造假| www.11mu.com-体育彩票的规律| www.0731.in-万彩影像大师手机版| www.12958.com-彩票中奖号码六加一| www.56948.com-东方彩票是骗局吗| www.053622.com-球彩直播app| www.147600.com-爱迷彩倒计时下载| www.254237.com-牛蛙彩票15700| www.323479.com-七乐彩直播现场今天| www.400001.com-富彩三d开奖号| www.555499.com-3位数彩票-| www.657545.com-澳客彩票网3d杀号| www.761028.com-微信怎么买彩票合法| www.867866.cc-七星彩35-| www.954884.com-七彩祥云头像| 大赢家彩票平台www.810620.com| www.kg95.com-辽宁彩票网站首页| www.04fe.com-v8彩票注册彩| www.76qh.com-彩票几点停止售票| www.1167.vip-彩富网高手坛| www.17737.cc-体育彩票加盟网站| www.57597.cc-彩八仙网页版| www.059001.com-江苏快三辅助软件| www.149338.com-彩票网址-| www.222346.com-易彩快3必中方法| www.288652.com-彩票屠龙是怎么回事| www.449814.com-沈阳市福彩中心电话| www.535612.com-福利彩票出什么数| www.741233.com-28彩票走势怎么看| www.811928.com-新加坡福临彩| www.893590.com-河北快三和值推荐号| www.973502.com-有关彩虹的歌词| www.8sx.cc-管家婆u9彩票下载| www.683.win-福彩3d的出球规律| www.4917.vip-彩票赌钱软件下载| www.00335.com-福彩22选五走图| www.89638.cc-广州彩妆加工厂| www.044254.com-彩票一天赢三百收手| www.176417.com-彩票计划员是托吗| www.246449.com-广州快三查询| www.467722.com-七星彩售票结束时间| www.575738.com-99彩票下载地址| www.641864.com-彩票素材-| www.806509.com-快三二同号全包打法| www.876937.com-怎么买体彩-| www.972049.com-印尼五分彩开奖官网| www.br84.com-五分彩分析软件| www.ru09.com-彩票计划破解app| www.40tj.com-体彩票官网-| www.1390.pw-儿童创意水彩画教案| www.036702.com-彩票榜网站-| www.208918.com-安徽快三走势图下载| www.280095.com-彩票信誉老平台| www.409196.com-七星体育彩票图| www.511162.com-彩虹天堂的歌词含义| www.575125.com-快三辅助软件官网| www.636569.com-彩虹六号大神的键位| www.818119.com-陆慧明今日竞彩| www.889146.com-乐和彩彩票还在吗| www.986783.com-篮彩比分直播网| www.cai22.com-江西福彩快3| www.hv52.com-体彩快中彩开奖| www.zz23.com-福彩标识图案| www.26ug.com-足球彩票中奖是多少| www.5662.cm-香港生肖彩票| www.01114.com-澳客竞彩必发指数|