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.323129.com-湖北快三时时彩网站| www.534634.com-彩票2元客户端| www.216884.com-大发快三稳定平台| www.730298.com-买时时彩能赚钱吗| www.816517.com-今晚福彩3d试试号| www.341333.com-彩票发财术-| www.506518.com-买彩票的秘诀| www.617579.com-地区快三计划软件| www.692670.com-现在还有购彩平台吗| www.024115.com-十亿彩票-| www.786252.com-彩票只有体彩福彩吗| www.877744.com-彩票历史开奖大全| www.962017.com-福彩3d摇奖号软件| 大赢家彩票平台www.289971.com| www.hk33.com-江苏快三开奖规律| www.t49.cc-98彩票手机版注册| www.61km.com-体彩p3奇偶遗漏| www.214127.com-国家认证足彩分析师| www.511761.com-飞时彩-| www.735675.com-体彩和福彩中奖概率| www.059174.com-地下六彩开官方网站| www.376699.com-彩票必赢网站| www.833026.com-彩票双色球摇奖机| www.985485.com-今日足彩竞彩推荐| www.lf24.com-爱彩彩票原版| www.29np.com-延吉体育彩票| www.60690.com-环球彩票9028| www.161118.com-最正规的彩票app| www.817212.com-968彩票app-| www.54lm.com-盈彩汇是骗人的吗| www.387744.com-必赢彩票登录网址| www.04mr.com-陆慧明今日竞彩推荐| www.10787.com-盈彩彩票app下载| www.027361.com-纯彩色的图片| www.179836.com-新快三技巧选号口诀| www.706313.com-彩票图片3d今天| www.060975.com-彩票违法-| www.237498.com-辽福彩-| www.532580.com-沉迷网上赌彩| www.139930.com-胜彩论坛网站| www.659847.com-休彩开奖号码| www.516050.com-重庆时时采彩助手| www.922099.com-彩678是真的吗| www.no49.com-免费彩票选号软件| www.887185.com-6hck模拟购彩| www.131386.com-信阳结婚彩礼多少| www.291182.com-香港论坛彩票| 众乐彩票www.589344.com| www.530181.com-小鹿网络时时彩工具| www.we22.com-吉林市彩票中大奖| www.79ov.com-河北体彩网中奖查询| www.110112.com-乐透啦彩票软件| www.949609.com-快彩怎么样-| www.aa79.com-时时彩票下载安装| www.514208.com-彩票平台为什么黑钱| www.0351.live-花式快三分解姜丽口| www.006223.com-彩788com-| www.118578.com-境外彩票网站大全| www.192822.com-河北快三预测一顶牛| www.269537.com-彩名堂4.0版本| www.345614.com-天天好彩949| www.432201.com-2628彩票网址| www.528855.com-竞彩店申请书| www.617020.com-扬州体彩兑奖中心| www.007149.cc-腾讯彩票计划| www.172841.com-江苏福利彩票快3| www.434688.com-基诺型彩票破解方法| www.588565.com-8848彩票平台| www.713639.com-王者彩票快3| www.835576.com-体彩大乐透手机软件| www.950652.com-乐彩vip打不开了| 好彩www.60123x.com| www.125688.com-福彩3b字谜新时代| www.750968.com-彩店宝彩票下载安装| www.30rw.com-彩虹六号干员介绍| www.h81.org-新华彩票手机版| www.4897.cc-彩票代打什么意思| 大赢家彩票平台www.507283.com| www.603373.com-六选一彩票-| www.775116.com-怎么买一分快三| www.120485.com-宝马彩票网址多少| www.376795.com-万人彩票下载安装| 恒彩www.hcw778.com| www.738633.com-民彩网平台-| 99福彩www.729987.com| www.52478.com-足彩任九胆拖投注| www.270092.com-彩01彩票软件| www.969257.com-久久彩票的骗局揭秘| www.241951.com-北京快三和值走| www.737791.com-彩吧走势图-| www.331339.com-彩83下载-| www.zy83.com-何振东竞彩-| www.0346.win-彩票独门研究方法| www.109976.com-快三中俩号有钱吗| www.250212.com-我要中彩票-| www.4609.com-十元随机彩票吗| www.w81.xyz-浙江体彩大乐透1| www.3195.win-808福彩-| www.516050.com-重庆时时采彩助手| www.51yc.com-利彩怎么会样| www.550643.com-彩票一千万-| www.4646.hk-长春彩溢洗浴| www.95153.com-儿童彩妆的画法| www.350608.com-彩色笔童装加盟店| www.77907.com-互娱彩票聊天群| www.101455.com-腾讯qq7彩票| www.26234.com-福利彩票网投平台| www.107621.com-2018年彩票开奖| www.060890.com-彩客彩票是真的吗| www.14vl.com-火箭彩票是什么意思| www.to09.com-百宝彩电子app| www.74dg.cc-八卦玄机彩图四不像| www.07071.com-工行银彩通-| www.04ze.com-福彩98期开奖结果| www.804937.com-七乐彩投注-| www.994609.com-总彩票心得-| www.vk84.com-贵州福彩兑奖地址| www.073.date-万城彩票注册做兼职| www.64222.cc-天下彩45cc-| www.055844.com-安徽快三和值速表| www.234026.com-注册送彩金彩票| www.390047.com-福彩天气网-| www.197809.com-乐彩3d论坛网| www.kc2.cc-江苏十一选控彩票| www.782563.com-互联网彩票禁售原因| www.63728.com-唯彩竞彩推荐下载| www.sg77.com-辉煌彩票正不正规| www.871236.com-彩71官方下载| www.111117.cc-3d新彩网手机版| www.369744.com-3d彩票几点封盘| www.851622.com-时时彩智能分析软件| www.974857.com-手机中国福彩网下载| www.842912.com-福彩与慈善专题讲座| www.309819.com-足彩5场3关-| www.491301.com-火箭彩票周日开奖么| www.080711.com-网赌快三骗局| www.242607.com-168彩票网可靠吗| www.648793.com-七彩辣椒种子| www.001951.com-体育彩票彩票故事| www.286789.com-手机彩票合买平台| www.883712.com-最新平台送彩金| www.575028.com-复式彩票计算| www.414175.com-精彩的精-| www.523945.com-e彩票网站-| www.573547.com-快三倍投追号计划表| www.597292.com-吉祥彩手机版| www.651010.com-简单创意水彩| www.713523.com-王者彩票闲聊| www.767844.com-外国高频彩-| www.909882.com-5分快3彩票靠谱吗| www.961800.com-用微信能不能买彩票| www.998103.com-宁夏快三怎么中奖| www.cp7328.com-群里有人带玩快三| www.iz32.com-辽宁福彩3d-| www.xd06.com-海南七星彩图纸| www.7689.in-七乐彩开奖号几注| www.892391.com-彩票榜安卓-| www.2371.vip-七彩云浏览器下载| www.46474.com-怎么下载时时彩宝典| www.626885.com-大优彩票下载手机版| www.091266.com-c彩99-| www.169970.com-彩票app-| www.232160.com-旺彩专业3d-| www.299017.com-澳彩开奖结果|