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天

知道了
彩01彩票 www.347835.com-台湾褔星彩开奖结果| www.226063.com-跟导师买彩票赚钱| www.5989.net-傲赢彩票不能提现| www.7776.pw-七彩鱼繁殖细节| www.53668.com-时时彩腾龙做号计划| www.770354.com-开心七星彩交流网| www.941133.com-中国体彩票图片| www.999689.com-101彩票-| www.cq08.com-购买私彩是否违法| www.t37.top-彩尊最新手机版| www.50zw.com-足彩缩水软件下载| www.49962.com-快三豹通中了多少钱| www.54092.com-篮球博彩算加时吗| www.312628.com-快购彩平台怎么样| www.526512.com-网络上买彩票违法吗| www.679762.com-中国彩吧红五图| www.fz36.com-凤凰彩票导师微信号| www.00nn.cc-一年级彩虹教学反思| www.077355.com-哪种高频彩玩的人多| www.577337.com-体彩17241开奖| www.703855.com-福彩3d手机app| www.824300.com-下载3d彩票图案| www.wf09.com-r彩票开奖结果| www.487636.com-中国七乐彩开奘时间| www.599654.com-梦双龙是彩票| www.yx4.com-冮苏快三开奖公告| www.22ka.com-体彩机选能中奖吗| www.0874.date-发彩票网站-| www.9313.online马彩票官网-| www.548917.com-澳门快三彩票| www.727309.com-幸运彩票网站可靠吗| www.095372.com-彩票作假案-| www.789264.com-足彩坑钱-| www.85029.com-3d彩圣字谜汇总| www.rj20.com-湖北快三一定牛形态| www.06cr.com-河南省彩票中心在哪| www.03vi.com-3d直击黑彩-| www.526291.com-做私彩代理-| 8号彩票www.494969.com| www.325097.com-19年彩票新规| www.2195.cn-彩69能提现吗| www.283848.com-中国彩票有哪些种类| www.594681.com-乐彩uv卷材打印机| www.777109.com-河北体彩网11| www.99bt.com-彩虹六号黑卡店铺| www.978775.com-手机买彩票软件下载| www.lq59.com-体彩屋是骗局| www.06pw.com-彩票摇号的猫腻| www.887688.com-87彩票推广基地| www.954267.com-ssc彩下载-| www.gr36.com-一定牛彩票下载安装| www.52ua.com-49gcc特彩下载| www.759303.com-必发彩票app| www.869310.com-福利彩票应用| www.953962.com-靠谱彩票软件| 9号彩票www.80767.com| www.268126.com-快三推荐号甘肃| www.335763.cc-北京体彩网点申请| www.417043.com-emoji彩虹表情| www.511068.com-彩虹张惠妹歌词| www.579977.com-七星彩小说讲的什么| www.365877.com-彩铅阴影文字| www.028634.com-湖北福彩快三app| www.192335.com-甘肃福彩app| www.329521.com-深圳福彩开奖结果| www.512412.com-1000彩票网-| www.866928.com-昨晚彩票出什么| 博友彩www.912193.com| www.01167.com-三地精英彩票论坛| www.182092.com-手机快3是什么彩票| www.69167.cc-印尼分分彩走势| www.an5.com-快三群主怎么赚钱| www.30846.com-老梁说彩票是哪一年| www.631609.com-购彩网怎么注册账号| www.731760.com-8k彩票进入网址| www.969425.com-牛彩彩票注册邀请码| www.270043.com-手机连中彩票| www.686821.com-中彩那天课文概括| www.6952.pw-七星彩千位杀号定胆| www.232411.com-易彩票怎么赚钱| www.315226.com-彩虹台直播tv| www.393981.com-彩厍宝典大全| www.507047.com-体彩二元网走势图| www.583175.com-彩色简笔画大全| www.661806.com-竞彩回查-| www.15425.com-嘉兴体彩网-| www.04cg.com-福利彩票直选怎么玩| www.63zg.com-君耀优彩软件怎么样| www.1920.com-冠彩巨龙王-| www.817883.com-彩票专业计划团队| www.893711.com-博马彩票极速快三| www.962070.com-腾讯一分彩计划全天| 万历彩票www.77114w.com| www.dp15.com-什么软件能玩快三| www.wt68.com-中国彩吧网一| www.020654.com-今天体彩排三走势图| www.790200.com-福彩500期走势图| www.024996.com-真锅彩介绍-| www.717795.com-初级风景彩铅画| www.073.biz-福彩主任电话| www.520558.cc-遇到一个玩彩票的托| www.567723.com-228彩票网-| www.s75.blue-彩票微信怎么合买| www.316433.com-体育彩票图标图片| www.525221.com-福建体彩音聊天室| www.810318.com-加强福利彩票快开| www.271685.com-好彩一八打一生肖| www.946896.com-彩钢瓦围挡多少钱一| www.44892.com-天天手游彩票| www.990198.com-彩乐园手机版| www.628.in-彩票直通车图片| www.5eb.cc-彩乃奈奈百度云分享| www.4326.in-亿彩高峰-| www.16279.cc-竞彩任选九场奖金| www.300829.com-彩票路珠开奖网| www.4807.vip-彩虹6号muzi| www.cp2290.com-网上开设快三网站| www.622602.com-福彩彩票软件下载| www.786338.com-彩票查询双色球顺抒| www.874699.com-约彩368-| www.949514.com-利彩票3d开奖公告| 爱彩乐www.497918.com| 彩票大家乐www.21202n.com| www.8690.vip-七乐彩31期开奖| www.394644.com-足球彩票的兑奖| www.770928.com-七彩阳光广播操图解| www.831102.com-环彩网触屏版首页| www.893025.com-大师彩票-| www.949947.com-懂彩帝改名了| www.987650.com-福彩刷流水倍投| www.wt.cc-彩票小狂人看胆| www.715976.com-亚洲彩票投注站| www.835567.com-500百彩票-| www.906128.com-体彩出租或转让| www.968624.com-有没有微信时时彩群| www.6825.cn-c59彩票官网| www.35639.cc-凤凰彩票平台代理| www.81630.com-福彩快三多久开一次| www.230397.com-福彩快三软件开发| www.84982.com-今日福彩开机号| www.015056.com-海南彩票说的对数| www.110395.com-彩票98c官方网站| www.254982.com-时时彩作弊软件| www.26306.cc-河北保定快三联系| www.642798.com-幸福彩票是黑平台| www.66512.cc-南洋乐和彩几点开奖| www.3154.top-中国福彩投诉电话| www.07043.com-银彩通工行-| www.189938.com-福彩双色球开奖结果| www.375204.com-体彩杀号定胆是| www.955808.com-富贵彩会套路人吗| www.6sy.com-消费送彩票活动| www.287935.com-优彩网一购彩大厅| www.305455.com-该坚持买彩票吗| www.122847.com-福彩基金效益如何写| www.255511.com-九宫图算法彩票| www.426969.com-足彩博单-| www.766690.com-体彩分析app| www.290119.com-大赢家彩票不能提现| www.0644.top-福彩三十选七| www.059428.com-福利彩票是慈善吗| www.166850.com-湖北福彩k3走势图| www.226717.com-广西福彩手机客户端| www.998317.com-pk彩票正规吗|