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.534244.com-试玩彩票app| www.384913.com-网络彩票能赢吗| www.721157.com-我要数字彩-| www.840666.com-广西体彩程汉荣| www.10ty.com-四季彩平台登陆| www.186734.com-快三尾号-| www.81919.cc-那些中彩票的人| www.899064.com-七星彩票开奖直播| www.3041.cm-逸彩和溢彩-| www.002394.com-今期足彩14场分析| www.836496.com-报纸福彩天地| www.0081.org-福彩3b各类和值谜| www.95352.com-中国福利彩票销售点| www.102123.com-彩天下靠谱吗| www.179853.com-新快三开奖号码| www.327722.com-七星彩走势图带联线| www.603595.com-山西中奖彩票| www.3291.win-福利彩票购买时间| www.85111.com-七星彩前四位和值| www.325874.com-排列3走势图彩经网| www.130.gg-无线幻彩控制器| www.7824.cn-竞彩足球赚钱吗| www.42768.com-中国彩票3d开机号| www.99786.cc-臺灣彩券-| www.190058.com-十分快三能赢钱吗| www.953026.com-竞彩5串6容错几场| www.885932.com-呼市体彩中心地址| www.058872.com-北京快3金达彩票| www.91893.com-好彩三八指什么生肖| www.079679.com-彩票开奖方法| www.175809.com-彩神争8谁与争锋| www.308880.com-大乐购彩票开奖| www.113049.com-竞彩猫app苹果版| www.016215.com-喝彩是什么意思| www.123146.com-酷彩吧提现-| www.534511.com-七星彩连中5个号码| www.618788.com-陆慧明今天足彩推荐| www.940607.com-中国彩票中奖号码| www.dc90.com-江苏福彩新快三| www.ua35.com-牛彩3d字谜总汇| www.22723.cc-移动短信怎么买彩票| www.yg31.com-派彩电子走势图电脑| www.878435.com-自助彩票机怎么申请| www.151028.com-3分快三官网开奖| www.276988.com-国家是要关闭彩票吗| www.388680.com-东莞福利彩票电话| www.567938.com-迅盈彩票提款失败| www.541090.com-彩票导凤凰彩票| www.70ok.com-芜湖彩票中奖结果| www.396467.com-周三周三开什么彩票| www.749811.com-七夕彩票-| www.874877.com-新宝3彩票-| www.959389.com-彩票大本营彩民村| www.sq8.com-百乐宝彩票-| www.xb12.com-海南南国七星彩论坛| www.71ev.com-广东福利彩票发行| www.305528.com-甘肃快3开奖彩彩| www.435675.com-香港的合法彩票网站| www.957743.com-095彩票-| www.917223.com-平台买彩-| www.cai1998.com江苏快三形态走势图| www.r28.cn-彩票新规则和玩法| www.dp04.com-安徽快三规律技巧| www.79961.cc-快三345-| www.hb14.com-彩运8是正规平台吗| www.622.in-时时彩必赢技术| www.9393.cc-在马来西亚做博彩| www.997908.com-乐彩网三d复隔中| www.655008.com-七星彩大奖投注软件| www.852667.com-双色球神彩飞扬| www.469576.com-掌上福彩宝典官网| www.644771.com-体育彩票北海中奖| www.732662.com-福彩3d天宇和值迷| www.815193.com-发财网彩票下载| www.889150.com-快三数字计算公式| www.2se.com-wmcp完美彩票| www.81129.cc-燕赵福彩网开奖公告| www.545038.com-福彩丹东全图总汇八| www.775556.com-河北体彩管理中心| www.062573.com-大发博彩老板| www.473889.com-福利彩票是假的吧| www.568806.com-大彩鲸快3app| www.232200.cc-时时彩定胆-| www.025692.com-詹天佑福彩3d点评| www.890157.com-nba彩票258-| 大赢家彩票www.590801.com| www.e69.com-七乐彩摇奖直播现场| www.544747.com-快乐十分在线彩票| www.667176.com-佛菩萨、彩票、股票| www.pc48.com-北京快三吧-| www.237434.com-河北了快三走势图| www.671198.com-彩票新规影响生活| www.807720.com-福彩领奖领导| www.950537.com-乐彩客官方下载苹果| www.007995.com-七乐彩今日开奖号码| www.269177.com-乐猫彩票app| www.384234.com-体彩大乐透广告语| www.39232.com-七星彩中4个数不连| www.730090.com-六福彩票平台| www.807152.com-双色球彩票折叠| www.878193.com-重庆彩大底计划| www.942676.com-老彩民彩票官网| www.989480.com-上海快三彩票投注| www.ij11.com-3d通福彩-| www.834866.com-好彩蓝莓双爆缅甸版| www.9111.live-七乐彩对比器360| www.268605.com-乐透福彩3d论坛| www.ok34.com-怎样用手机买福彩| www.632231.com-05彩票-| www.069050.com-掌游彩下载专区| www.131541.com-水冶彩礼-| www.790088.com-青海省体彩网| www.25764.com-仟喜彩票是骗人的吗| www.610109.com-福彩三地图库大全| www.7112.xyz-好彩客599-| www.667890.cc-福彩调查最新进展| www.d65.top-重庆时时彩预测资讯| www.66kx.com-七星彩微信群| www.915494.com-淘宝彩票网可靠吗| www.324644.com-华人彩票可靠吗| www.930270.com-如何投资足球彩票| www.977999.com-天津彩钢围挡报价单| www.cai0333.com福利彩票-| www.688332.com-福彩3d群聊微信号| www.299623.com-3d智能杀号彩经网| www.202938.com-精彩十分怎样算中奖| www.279055.com-分分彩杀一码| www.611750.com-支付宝彩票站点缴费| www.670637.com-内蒙古彩票中奖| www.727941.com-福利彩票数字三| www.16395.cc-彩客网论坛-| www.333286.com-个人玩彩技巧| www.78vr.com-台湾5分彩网站| www.570344.com-福彩手机上怎么买| www.07334.com-手机建设银行买彩票| www.794261.com-九龙国际彩票网站| www.916182.com-用微信卖彩票犯法吗| 福彩网www.60007w.com| www.755872.com-鬼六系列图彩吧图库| www.881077.com-广西体彩中奖号码| www.98.online-描写雨后彩虹的古诗| www.012590.com-七星彩开奖是几点| www.19825.cc-彩票拉人犯法么| www.298020.com-冀彩宝不能充值| www.5367.cm-彩票372-| www.965006.com-体彩排列5中奖| www.ol75.com-极速彩票网址大全| www.274.in-澳大利亚彩票官网| www.806777.com-体彩彩票大乐透中奖| www.984424.com-福利彩票还可以买吗| www.s51.cn-西宁福利彩票中奖| www.582670.com-uu669福彩快三| www.599.xyz-七彩乐彩票开奖结果| www.569913.com-返水最高平台博彩| www.625967.com-领先彩票app下载| www.634029.com-滕州市七彩教育集团| www.160970.com-国民彩票app官网| www.12993.cc-附近福利彩票店| www.716208.com-澳洲幸运5时时彩| www.381749.com-更多精彩尽请关注| www.519523.com-职业博彩人贴吧| www.107083.com-澳洲三分彩-| www.cl3.com-体育彩票的宗旨是| www.299023.com-彩29官网-|