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天

知道了
彩票123现在叫什么名字 www.053434.com-澳门国际彩票平台| www.829940.com-汇众彩票平台下载| www.ra67.com-时时彩就是坑| www.86ux.com-购彩网拼音怎么拼| www.7893.com-25号彩票开奖查询| www.895203.com-优彩网网址是多少| www.4790.biz-中国体育竟彩平台| www.873652.com-西安福彩机子转让| www.ks88.com-彩票销售系统| www.731772.com-彩色包装盒公司| www.47345.com-四川快三-| www.116688.com-福彩3d中奖票面| www.192805.com-彩票能买吗-| www.671495.com-彩壹万彩票平台| www.897413.com-彩盈宝-| www.984273.com-二分彩技巧-| www.fu69.com-迪拜28彩票骗局| www.28nt.com-网易彩票数据不更新| www.1558.cn-多彩贵州公司| www.183458.com-福彩双色球开奖公告| www.562280.com-彩票界最权威的作家| www.546553.com-福利彩票申请书样本| www.729642.com-彩票开奖3-| www.964501.com-3d彩票开奖直播| www.dg75.com-瑞彩祥云彩票合法吗| www.f39.cn-乐彩怎么玩才赢的多| www.1437.com-豪赢彩票-| www.010723.com-五星彩票网-| 购彩之家www.gczj5.com| www.9955.top-今天福利彩票的结果| www.280808.com-老时时采彩开奖结果| www.396903.com-v8彩票是否正规| www.92996.com-红彩会平台怎么样| www.411788.com-熊猫彩铅-| www.552455.cc-体彩中奖概率| www.633016.com-加拿大3.5分彩骗| www.776813.com-快三拉花-| 500购彩www.500go.com| www.068670.com-今天的上海快三| www.169065.com-河南快三彩经网| www.247131.com-卖彩票怎么赚钱| www.316189.com-体彩设备-| www.6183.vip-秒速时时彩稳赚技巧| www.502833.com-福利彩票店收益多大| www.612102.com-福降天下彩票| www.089422.com-众彩网彩票专家| www.475996.com-体彩5加2范围| www.8371.wang-福星七星彩手机软件| www.48073.com-时时彩的牛牛怎么买| www.080800.com-玩彩票被骗怎么追回| www.160202.com-利彩app官网| www.583400.com-中彩网十一选五| www.659479.com-天下彩天空网| www.727207.com-d9彩票登录网站| www.797589.com-99彩票是不是真的| www.870022.com-彩票店一般几点关门| www.939158.com-众益彩票下载| www.990117.com-福彩3字谜图迷汇总| www.6299.top-今日福彩图纸第三版| www.36241.com-福彩888-| www.603896.com-中彩网评论-| www.842234.com-玩彩票怎么分配资金| www.lz29.com-青海快三077预测| www.272000.com-一定牛体彩-| www.az82.com-人人彩app-| www.125476.com-福彩赛车怎么买| www.149749.com-彩民乐3d-| www.8336.com-网络正规彩票平台| www.37215.com-四川体育彩票官方| www.013488.com-南国论坛七星彩| www.071140.com-甘肃快三官方下载| www.76ab.com-线上投彩是合法的吗| www.1993.red-彩虹6号围攻表情包| www.7788.cm-俄罗斯法贝热彩蛋| www.33161.cc-双色球图谜凤彩网| www.324300.com-彩票大全网址| www.983528.com-彩票迷买彩票正规吗| www.95un.com-福彩3d必出一码| www.727692.com-体彩大乐透尾号走势| www.829730.com-网售彩票重启| www.910122.com-快彩联盟-| www.966836.com-彩票查询3d走势图| 彩61www.605134.com| www.h07.net-瑞彩祥云app全民| www.987376.com-app购彩安全吗| www.ap63.com-河北体彩-| www.xd66.com-彩票十分快三玩法| www.23wp.cc-6698彩票的套路| www.922.pw-福彩开彩时间| www.5012.vip-尚合娱乐平台彩票| www.10405.com-50o足彩-| www.961000.com-福彩三地和值单双| 众彩www.258029.com| www.wp07.com-手机看彩票走势图| www.07zt.com-入门水彩画图片简单| www.1078.org-快三计划群合法吗| www.983.me-梦密解图七星彩| www.679.xyz-竞彩猫指数冷门秘籍| www.29632.cc-正规香港赛马会彩票| www.990750.com-重庆7时彩是怎么玩| www.ak07.com-七星彩现场直播| www.rw48.com-31彩票官方网址| www.18pz.com-当天所有彩票开奖| 网易彩票www.082wy.com| www.818867.com-最新一期彩票中奖号| www.535770.com-彩票有几个号码组成| www.658067.com-福彩快三公式| www.771859.com-福利彩票开奖期查询| www.863834.com-最可靠快三投注| www.939206.com-彩吧彩票单双大小| www.991202.com-福彩三d天天彩| www.la9.com-苏州快三彩票| www.wd39.com-快三网投平台| www.810922.com-九州彩票网靠谱吗| www.910850.com-篮彩怎么玩-| www.979122.com-好彩柠檬香烟价格| www.gb1.cc-澳门六星彩网站| www.uo80.com-红快三是哪里的| www.15os.com-19500彩票吧| www.974391.com-彩虹旗泡弟论坛台湾| www.70089.cc-福彩3d今天的报纸| www.8843.net-彩票z-| www.63119.cc-各期彩票开奖结果| www.006773.com-体彩直播现场直播| www.709486.com-乐乐彩神靠谱吗| www.778056.com-福彩88软件下载| www.837014.com-乐彩33代理-| www.895761.com-8号彩票官方网站| www.950398.com-8亿彩合法吗| www.987281.com-手机版本彩票挂机软| www.au6.com-吉林快三输钱| www.761524.com-百度乐和彩登陆| www.15mq.com-胜负彩19047| www.106031.com-牛蛙彩票开奖历史| www.349170.com-怎样分析彩票买法| www.486045.com-大发彩票平台可靠吗| www.578862.com-深圳龙华某彩票店| www.663859.com-七星彩论坛8o8| www.813133.com-福彩3d字谜沦坛| www.381554.com-七星彩号码表| www.896966.com-彩票营销广告语| www.951895.com-足彩中奖5800万| www.986883.com-彩金彩卷高手彩富网| www.cp754.com-兰州快三预测豹子| www.056210.com-上海嘉定体育彩票| www.505834.com-九台黑彩-| www.cp6679.com-搜索湖北快三预测| www.098819.com-快5彩-| www.162070.com-彩乐汇利赢一分快三| www.207133.com-彩71是真的吗| www.zb78.cc-传奇彩票骗局| www.vq35.com-安徽快三讲解| www.66pj.com-7k彩票站-| www.539021.com-彩票转让合同纠纷案| www.640466.com-新浪爱彩店-| www.705027.com-下载爱彩乐电脑版| www.779915.com-今日7乐彩推荐号| www.nd7.com-河南快三走势一定牛| www.rs04.com-买七星彩能中大奖吗| www.623450.com-彩票分析家手机版| 顶尖彩票www.234267.com| www.185176.com-好彩三奖金-| www.265117.com-北京快三开奖规律| 凤凰Vwww.www.fh7557.com|