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.392591.com-单张彩票中奖最多| www.05xn.com-彩铅我的世界图片| www.356624.com-大乐透是足彩么| www.474798.com-百盛娱乐彩票有托吗| www.254044.com-258彩票-| www.182008.com-安全的快三app| www.256555.cc-网络官方彩票app| www.770434.com-篮球体彩怎么买法| www.873491.com-在线购彩票-| www.956774.com-福彩3d讨论群| 大赢家彩票www.595301.com| www.42fq.com-彩票开奖哪里直播| www.498.net-彩神通代理安卓版| www.104748.com-v9彩票app-| www.198370.com-彩吧图库第一版| www.435722.com-pk彩票开户-| www.405186.com-彩搜一彩票搜索引擎| www.553776.com-竞彩停赛了怎么算| www.654343.com-南昌体彩中心在哪里| www.787332.com-海南竞猜体育彩票| www.899133.com-快三河南几点开奖| www.gt59.com-我要买体彩-| www.4272.cm-好彩1复式价格表| www.254424.com-盈彩app下载| www.382087.com-汇金彩票-| www.964843.com-福彩3d铁人铁胆| www.611857.com-快三未出号码统计器| www.900551.com-7乐彩开奖结果查询| www.95444.com-体彩的公益-| www.087812.com-双色球易彩网下载| www.158409.com-竞彩足球北单投注| www.18535.com-彩票幸运选号网站| www.875401.com-重庆时时彩牛牛| www.386691.com-精品彩软园-| www.496755.com-v9彩票正规吗| www.62225.cc-海南私彩头尾规律图| www.od29.com-中国福体彩开奖| www.245432.com-中福彩票怎么样| www.39976.cc-今日中彩有托吗| www.861100.com-福彩3d摇奖直播| 乐赢家彩票www.918356a.com| www.470172.com-美国28彩票-| www.818041.com-足彩胜负19024| www.6867.cc-如何查看彩票中奖| www.54276.com-中国福利彩票图标| www.116174.com-彩库宝典苹果版官网| www.97138.cc-买福彩3d赚钱绝招| www.mg34.com-好彩彩票官方网站| www.80en.com-重庆时时彩后四技巧| www.11775.com-泰国彩票怎么中奖| www.072078.com-彩票店如何吞票| www.48070.com-竞彩足球西西| 中彩网www.61233q.com| www.018168.com-彩票大家赢走势图| www.cp3810.com-甘肃快三计划网页| www.339612.com-足彩怎么买冷门| www.513185.com-乐投彩票是黑平台吗| www.630377.com-胜负彩18153| www.ud85.com-5分彩计划软件| www.270959.com-快三豹子规律走势图| www.450300.com-神龙彩票下载安装| www.298912.com-内蒙古快三预| www.189908.com-福彩3d蓝琪儿断组| www.9664.cc-彩独2完美版| www.77807.cc-七乐彩每周开奖时间| www.533447.com-最简单的彩票是什么| www.641882.com-福彩3d走势带坐标| www.713902.com-彩票369cc-| www.797787.com-彩票买多期| www.902911.com-发彩网代理-| www.971822.com-创彩网能提现吗| www.kt2.cc-时时彩长龙害死人| www.741223.com-28彩票注册-| www.52zb.cc-彩彩票行家免费资料| www.799062.com-福彩票网上怎么买| www.3530.net-彩宝网福彩开机号| www.10255.cc-足球胜负彩历史数据| www.77200.cc-90后买彩票-| www.814808.com-安徽中彩网-| www.970716.com-买彩票幽默句子| www.3aj.com-福彩时时乐开奖官网| www.27011.com-两元彩票下载| www.121840.com-陕西省福利彩票网| www.013878.com-七星彩跨度-| www.1357.cc-买博牛彩票算赌博吗| www.19673.com-彩票图片3d今天| www.208198.com-最好的彩票走势图| www.279624.com-亚投彩票邀请码| www.355054.com-怎么查体彩中奖号码| www.313976.com-唯彩会专家预测号码| www.07382.com-那个高频彩玩的人多| www.949.me-体彩七位要不要顺序| www.436667.com-湖南体彩大乐透开奖| www.827477.com-有人知道千禧彩票吗| www.913122.com-好彩客老版下载| www.970011.com-彩之网绕胆图| 天天中彩票www.839565.com| www.rp10.com-十分彩江苏快三潮信| www.18gh.com-辽宁快三平台| www.098390.com-彩票网有哪些| www.994085.com-中国体育彩票飞鱼彩| www.dp20.com-快彩王软件下载| www.385008.com-159888彩票-| www.501752.com-彩票意义-| www.568915.com-梦见中彩票大奖| www.631696.com-时时彩走势技巧口诀| www.715256.com-彩神喷绘机-| www.798415.com-乐彩字谜图谜| www.872274.com-有几个中彩网| www.958776.com-0714彩票-| 中彩网www.91233b.com| www.454122.com-彩票软件哪个最好用| www.507737.com-浙江体彩怎么买法| www.609337.com-买时时彩龙虎平台| www.676098.com-福利彩票图谜汇总| www.736293.com-彩票亿元大奖经历| www.796946.com-数字流运预测彩票| www.872522.com-天天快三开奖| www.998541.com-广州福彩站-| www.ca62.com-湖北快三今天推荐| www.116838.com-网上购彩票平台| www.456851.com-彩票站祝彩民祝福语| www.633906.com-快三软件破解软件| www.737420.com-澳门意大利彩金项链| www.813480.com-体彩41期开奖结果| www.990125.com-搜索彩票88| www.ff39.com-四分钟一期的彩票| www.m16.space-体彩排列五中三个号| www.99hq.cc-五行花甲预测彩票| www.37kb.com-7星彩预测专家号码| www.571892.com-l天天彩票与你同行| www.265117.com-北京快三开奖规律| www.327037.com-竞彩新规定-| www.50gx.com-烟台福彩招聘信息| www.0840.com-在哪可以网上买足彩| www.353374.cc-京彩集团合法吗| www.426518.com-竞彩篮球稳赢| www.532941.com-今晚澳门彩开奖结果| www.iu54.com-竞彩首页-| www.n36.club-彩票123官网下载| www.949785.com-南方彩票彩网首页| www.kz66.com-3000万彩票官网| www.10.win-神彩嘉宾排三断组| www.218873.com-大发快三总代理| www.35oq.com-七星彩808胶版| www.09236.com-彩39购彩-| www.51510.com-糖果彩票真的吗| www.756129.com-旺彩软件不能用了| www.931104.com-色彩构成-| www.999624.com-浙江快乐爱乐彩| www.ir39.com-体育彩票官网app| www.82dq.com-西宁体彩哪里领奖| www.6115.cc-美国彩票销量| www.72400.com-体彩代销证编号查询| www.44gc.cc-彩之云是什么软件| www.7402.org-足球彩票交流群| www.33050.cc-镇江市体彩中心主任| www.385551.com-梁平彩票-| www.gt69.com-百盈快三害死人| www.337332.com-大发快三是赌博| www.457645.com-彩票012路技巧| www.555482.com-乐彩网主页-| www.79113.com-福彩快3输钱| www.90oo.com-篮球彩票预测窍门|