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.879495.com-多乐彩计算法| www.3ng.com-彩铅笔手绘漫画人物| www.685.cm-福利彩票纳税多少| www.8651.biz-买彩票号码梦兆| www.64166.com-篮球竞彩用什么软件| www.093293.com-宝赢彩票软件破解版| www.216448.com-乐和彩合法吗| www.508799.com-云彩宝彩票合法性| www.483311.com-5678彩票网-| www.608055.com-河北体彩玩法介绍| www.719045.com-各种彩票的玩法说明| www.807150.com-早期福利彩票收藏| www.894865.com-河南福利彩票幸运二| www.972956.com-好运彩注册-| www.586094.com-旧版118彩票| www.677872.com-重庆福彩微信公众号| www.1823.hk-体育彩票排列三中奖| www.ok64.com-网赚彩票团队qq群| www.2rg.cc-下载福彩自助| www.70ai.com-海南七星彩预测码| www.13ra.com-山东彩票官方版下载| www.5284.biz-转让体育彩票站| www.1899.com-中彩在线会员汪册| www.520721.com-时时彩杀号方法如下| www.727625.com-本子福利吧全彩| www.i22.in-网易福彩开奖直播| www.2224.biz-彩票扫码器软件下载| www.24229.com-乐米彩票改名了吗| www.056087.com-快三助赢计划| www.220257.com-炫乐彩票登录入口| www.368268.com-七星彩百度云| www.566940.com-天下好彩报刊大全| www.929075.com-桃彩骗局-| www.er51.com-乐彩网最新版本| www.13sr.com-体彩大乐透在线选号| www.6823.biz-解彩神通字谜| www.ks60.com-上海市体育彩票中心| www.315075.com-下载重庆市彩开奖| www.8791.xyz-五星体育竞彩推荐| www.191.cc-彩铅画动物图片过程| www.191185.com-搜索内蒙快三| www.666250.com-航天彩虹主营业务| www.896146.com-福利彩票的快乐十分| www.ln08.com-①号彩票app| www.815520.com-即开彩合法吗| www.568984.com-福彩刮刮乐坑| www.01tk.com-快三多少种组合方式| www.2486.org-天猫彩票1000万| www.875456.com-体肓彩票大乐透规则| www.677546.com-八爪鱼代表彩票号码| www.900342.com-武汉福彩走势图| www.06602.cc-华彩尚映是个骗局| www.77529.cc-天天好采彩免费大全| www.057883.com-福彩资料-| www.185588.com-快三有啥技巧吗| www.315596.com-上海有体彩福彩转让| www.057518.com-快彩真的假的| www.268061.com-福彩3d藏机图谜| www.470234.com-如何购买国外彩票| www.28738.com-77彩票手机版下载| www.007093.com-彩票试号-| www.426015.com-福彩3d走势连线| www.553160.com-申请体彩站点难不难| www.109171.com-hk百彩免费资料| www.0502.site-快三中奖软件| www.34650.com-迷彩兔影院-| www.583.cc-套彩票规律-| www.7589.org-下载彩虫7-| www.445657.com-微信h5彩票源码| www.763375.com-中华购彩网大发快3| www.863322.com-19029期体彩| www.948931.com-彩票内部计划聊天室| 百姓彩票www.bxcp3.com| www.891050.com-彩票试玩2000| www.979341.com-江苏体彩大乐透推荐| www.bk35.com-鳄鱼大乐透彩票| www.782097.com-彩38下载最新版| www.866203.com-腾讯彩票游戏平台| www.948954.com-彩票网有哪些| www.993501.com-足彩14场玩法| www.cb92.com-588彩票网平台| www.39539.cc-uu真人彩票的网址| www.004011.cc-快乐十分彩票软件| www.115408.com-彩色水磨石地面报价| www.501255.com-迷彩虎讲堂下载| www.576246.com-快三输钱怎么要回来| www.052.net-同乐时时彩网站| www.950480.com-乐彩网怎么不能下载| www.85me.com-五分快三中奖技巧| www.120721.com-3d专家疯狂彩迷| www.789438.com-快乐10分彩票技巧| www.883698.com-彩之王网站-| 爱彩www.008ac.com| www.386133.com-小马哥天下彩| www.974686.com-排列三振幅2元彩票| www.be30.com-湖北省快三走试图| www.yh33.com-贵州体彩网点查询| www.65zz.com-武汉福彩兑奖地址| www.0264.top-我附近彩票店| www.7241.org-彩虹六号短路| www.20336.com-盛发彩票在哪| www.393311.com-福利彩票奖池怎么算| www.552665.com-害人的分分彩套路| www.722256.com-爱彩乐是什么东西| www.828685.com-偷中奖彩票怎么判| www.920159.com-和彩放题199晚餐| 500彩票网www.65707k.com| www.mw02.com-彩票软件下载网址| www.78gp.com-彩票中奖推送| www.9676.online万彩吧_二四六免| www.44407.cc-彩66正规吗-| www.006089.com-福彩3d算号宝下载| www.5586.cm-体彩广东-| www.467174.com-阿里彩票平台| www.611961.com-八方彩票下载安装| www.699580.com-上海福彩双色球开奖| www.767422.com-福彩3d开奖72期| www.833861.com-今晚晚晚好彩图片| www.940451.com-3d中彩网字谜| www.990485.com-大本赢彩票官网登录| www.624902.com-速8彩票安全吗| www.731043.com-今日竞彩胜负结果| www.823630.com-排五开奖结果彩宝网| www.910018.com-彩虹六号太难了| www.985110.com-红彩会手机登录入口| www.jd43.com-竞猜足彩胜平负| www.395673.com-用手机昨买3d彩票| www.551779.com-首页购彩中心| www.639588.com-体育彩票竞彩店加盟| www.751017.com-福38彩票网-| www.856076.com-北京体育彩票彩票| www.965526.com-彩神ⅰv-| www.do39.com-中彩网老师-| www.88il.com-黑彩靠谱吗-| www.46690.com-彩票利用平台刷反水| www.634752.com-七彩油滴盏-| www.775391.com-7位数的彩票有哪些| www.11rs.com-搭建一彩票网站费用| www.0110.tv-博彩排名-| www.9307.vip-3b福彩实战擂台| www.1711.in-一彩票网-| www.6875.top-好彩1871蓝莓味| www.19151.com-彩发发怎么下载不了| www.590085.com-体育彩票虚假| www.923711.com-时时彩免费开奖计划| www.987029.com-万博彩票怎么下| www.zm1.cc-福彩快三遗漏号码| www.vi29.com-福彩十选五中奖规则| www.33rt.com-乐彩票邀请码| www.7113.wang-建盏出彩图片| www.9798.top-七星彩领奖时间| www.44483.cc-彩票开奖查询百度| www.061925.com-彩客网可以提现吗| www.48bp.com-开设福彩投注站| www.7777.shop-彩票代刷日结100| www.73324.com-福彩双色球彩票贴吧| www.120776.com-三d彩票79期开奖| www.869201.com-体彩18147-| www.612383.com-彩影免注册版下载| www.723577.com-常州1800万彩票| www.087803.com-易彩应用版-| www.ax67.com-5d彩化-| www.17835.cc-深圳快乐彩没人管吗| www.128184.com-快三三跨-|