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.984206.com-福彩自助app下载| www.n81.shop-彩票中奖r-| www.76ju.com-分分彩扫微信二维码| www.3478.net-时时彩单双怎么倍投| www.17784.com-竞彩跟单网-| www.87263.com-员工中3亿彩票| www.053258.com-yy彩票登陆-| www.371044.com-826彩票软件下载| www.528765.com-163官网彩票预测| www.786885.com-彩先知资料-| www.906677.cc-福利彩票平台有哪些| www.975812.com-四川福彩兑奖规则| www.ei57.com-彩票投注的投法| www.k11.wang-好彩网专家试机号| www.58jh.com-甲组体育彩票杯| www.3318.cn-彩色漫画大全| www.9082.vip-新浪爱彩暂停销售| www.80932.com-福彩拍列七走试图| www.072058.com-大爆奖彩票靠谱吗| www.175913.com-安徽省快三跨度| www.279811.com-亚投彩票计划网站| www.404766.com-19018七星彩| www.536708.com-浙江福彩3d派奖| www.663954.com-线上怎么买篮球彩票| www.757588.cc-福建体彩怎么领奖| www.886076.com-彩库宝典开码结果m| www.979314.com-俄罗斯好彩香烟| www.cj15.com-贵州快三助手下载| www.ym58.com-旺旺彩票平台网站| www.37uq.com-七星彩这个软件| www.3833.mobi-好彩堂玄机网站| www.03358.cc-中国假彩票-| www.661857.com-竞彩开奖多久能兑奖| www.292757.com-人人体育购彩| www.378843.com-k彩富民福地登| www.532385.com-玩彩票怎么总是输| www.635723.com-宝乐彩票快三| www.740112.com-博彩平台制作公司| www.826888.com-六今彩98期-| www.908685.com-福彩安徽快三网站| www.982642.com-共享彩票正规吗| www.o87.net-中彩票后让父母领奖| www.62yb.com-在顺发彩票网| www.1259.vip-7乐彩出奖顺序号| www.06008.cc-体彩和值振幅走势图| www.59383.com-彩铅画教程古风| www.065320.com-彩票33会黑钱吗| www.173612.com-浙江快三开奖号码| www.292426.com-北京快三多少期| www.386122.com-奇门彩票预测秘笈| www.556086.com-重庆时时彩技巧经验| www.651608.com-永利彩票怎么样| www.786632.com-福利彩票兼职| www.880452.com-加盟时时彩代理平台| 购彩网www.75gcw.com| www.fx18.cc-找福利彩票群| www.zt29.com-足球彩票规则及玩法| www.28fv.com-山东福彩网3d| www.1678.pw-中彩网计划app| www.01220.com-重庆时彩刷量方法| www.55868.com-k彩富民彩地| www.001116.com-新浪爱彩竞彩篮球| www.072939.com-中国彩票中奖排名| www.200532.com-hao彩票网-| www.277070.com-3分钟开彩票| www.420201.com-竞彩店利润-| www.545601.com-浙江福利彩票官方网| www.788405.com-足彩19041彩果| www.877287.com-七星彩购买截止时间| www.998860.com-微信彩票在哪里买| www.mf89.com-中彩网网址是什么| www.00uf.com-上海彩选4-| www.1415.vip-福彩3d。-| www.9521.xyz-哪些彩票是四位数的| www.59758.com-微彩点播iso| www.060855.com-彩客网投注靠谱吗| www.165999.com-旺彩彩票客户端| www.272080.com-力彩-| www.395019.com-彩虹app制作| www.554770.com-福彩3d的组合| www.634567.cc-博创彩票app| www.794800.com-中国彩票快乐12| www.876707.com-体育彩票基诺游戏| www.990905.com-福利彩票排列五甘肃| www.cx5.com-体育彩票发行宗旨| www.rh28.com-派彩网电子走势图| www.22hz.com-高频福彩pc-| www.1126.in-福利彩票山东省地址| www.8932.xyz-中国福利彩票智能机| www.002080.com-快三经过的路线北京| www.079208.com-中国7星体育彩票| www.156016.com-福彩3地试机号口诀| www.520669.com-体彩随机中奖率高| www.624133.com-腾讯分分彩极限连挂| www.823007.com-福彩怎么兑奖流程| www.909646.com-大学生qq群买彩票| www.972941.com-日彩网怎么玩不会亏| www.st89.com-双色球彩票万能公式| www.06ji.com-福彩3d33期-| www.77ch.com-福彩刮刮乐官网| www.3730.org-搜一下七星彩| www.09772.com-彩81app下载| www.56564.cc-ll彩票下载安装| www.813674.com-代理彩票站提成多少| www.ww55.com-中彩吧-| www.66oq.com-梦见牛怎么买彩票| www.2711.shop-解读彩票-| www.27783.cc-那个彩票是3个号码| www.79671.com-重庆时寸彩开奖| www.123813.com-天天乐彩注册送28| www.206499.com-亿彩堂快三app| www.319605.com-福彩三弟和值表| www.404136.com-7星彩兑奖查询| www.636631.com-彩缸马桶43-| www.815610.com-福彩3d图表工具| www.883014.com-有彩票职业玩家吗| www.993646.com-足球体彩玩法有哪些| www.cj4.com-博牛彩票下载| www.uq85.com-下一期彩票预测号码| www.58hr.cc-彩票界牛人-| www.988.live-彩票站的游戏机| www.06363.cc-福彩3d中奖新闻| www.70386.com-彩票中奖地查询| www.074558.com-体彩店内布置图片| www.180400.com-内蒙古快三号码遗漏| www.256834.com-彩票机器多少钱| www.333373.com-豪彩vip下载| www.414108.com-关于精彩-| www.761496.com-好彩网计划-| www.987093.com-乌鲁木齐快三| www.51os.cc-随机50注彩票| www.1990.cn-pp彩票能取现吗| www.16236.cc-新浪彩票nhk图表| www.78858.cc-火箭彩票vp版| www.157733.com-足彩单场比分奖金| www.287342.com-台北快三走势图| www.387738.com-凤城十二路有彩票店| www.535477.com-六位数的彩票有吗| www.637852.com-周围福利彩票店| www.752060.com-易彩彩票注册| www.990554.com-福利彩票害人| www.ak88.com-南国彩票特区| www.ym75.com-福彩3d绝对布衣4| www.37hs.com-七星彩彩经网杀号| www.1338.in-投注体育彩票软件| www.7598.cn-奥克体育彩票体| www.22391.cc-红彩彩票网-| www.62016.com-手机大赢家彩票| www.067061.com-私彩信誉排行榜| www.132128.com-河南彩礼高-| www.202780.com-河南快三跨度图| www.315374.com-彩虹棋牌比机有挂吗| www.384040.com-美国28是什么彩票| www.532682.com-村里福彩申请条件| www.683089.com-彩票矩阵缩水| www.756458.com-彩票打码员是什么| www.867866.cc-七星彩35-| www.968940.com-福利彩票诈骗案| 幸运彩票www.672366.com| www.hj52.com-分分快三软件破解版| www.xx75.com-688彩票ios-| www.30po.com-足彩复式经济投注| www.8313.com-体彩开机号10期| www.27937.cc-秒秒彩有漏洞吗|