QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 图片代码 > jquery新闻资讯图文列表左右滚动特效

原创商用 jquery新闻资讯图文列表左右滚动特效

jquery 实现新闻资讯图片文字列表,按钮控制左右滚动特效。 js css 分离 ,结构清晰简单,下载即可使用。
分享到微信朋友圈
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="slide-content">
	<div class="slide-title">最新资讯</div>
	<div class="slide-item">
		<div class="slide-item-box">
			<div class="hd">
				<a href="javascript:;" class="prev prev-bg"></a>
				<a href="javascript:;" class="next next-bg"></a>
			</div>
			<div class="bd slide-item-body">
				<ul class="clearfix" style="overflow:visible">
					<li>
						<a href="#">
							<div class="new-img">
								<img src="images/nwes001.png" alt="">
							</div>
							<div class="new-body">
								<p class="new-body-title">在线教育线下交流会,进阶网校运营达人的第一步!</p>
								<p class="new-body-text">为帮助网校解决运营过程中遇到的一些难题,4月25日,杭州阔知网络科技有限公司邀请到了众多一线网校运营人和行业大咖,开展了第8期专为在线教育从业者量身定制的线下交流会——阔知教育私享会。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="new-img">
								<img src="images/nwes002.jpg" alt="">
							</div>
							<div class="new-body">
								<p class="new-body-title">在线教育线下交流会,进阶网校运营达人的第一步!</p>
								<p class="new-body-text">为帮助网校解决运营过程中遇到的一些难题,4月25日,杭州阔知网络科技有限公司邀请到了众多一线网校运营人和行业大咖,开展了第8期专为在线教育从业者量身定制的线下交流会——阔知教育私享会。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="new-img">
								<img src="images/nwes003.jpg" alt="">
							</div>
							<div class="new-body">
								<p class="new-body-title">在线教育线下交流会,进阶网校运营达人的第一步!</p>
								<p class="new-body-text">为帮助网校解决运营过程中遇到的一些难题,4月25日,杭州阔知网络科技有限公司邀请到了众多一线网校运营人和行业大咖,开展了第8期专为在线教育从业者量身定制的线下交流会——阔知教育私享会。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="new-img">
								<img src="images/nwes003.jpg" alt="">
							</div>
							<div class="new-body">
								<p class="new-body-title">在线教育线下交流会,进阶网校运营达人的第一步!</p>
								<p class="new-body-text">为帮助网校解决运营过程中遇到的一些难题,4月25日,杭州阔知网络科技有限公司邀请到了众多一线网校运营人和行业大咖,开展了第8期专为在线教育从业者量身定制的线下交流会——阔知教育私享会。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="new-img">
								<img src="images/nwes001.png" alt="">
							</div>
							<div class="new-body">
								<p class="new-body-title">在线教育线下交流会,进阶网校运营达人的第一步!</p>
								<p class="new-body-text">为帮助网校解决运营过程中遇到的一些难题,4月25日,杭州阔知网络科技有限公司邀请到了众多一线网校运营人和行业大咖,开展了第8期专为在线教育从业者量身定制的线下交流会——阔知教育私享会。</p>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="new-img">
								<img src="images/nwes005.png" alt="">
							</div>
							<div class="new-body">
								<p class="new-body-title">在线教育线下交流会,进阶网校运营达人的第一步!</p>
								<p class="new-body-text">为帮助网校解决运营过程中遇到的一些难题,4月25日,杭州阔知网络科技有限公司邀请到了众多一线网校运营人和行业大咖,开展了第8期专为在线教育从业者量身定制的线下交流会——阔知教育私享会。</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="slide-links">
		<a href="#">更多资讯 > </a>
	</div>
</div>

<script type="text/javascript">
	jQuery(".slide-item-box").slide({
		titCell: ".hd ul",
		mainCell: ".bd ul",
		autoPage: true,
		effect: "leftLoop",
		autoPlay: false,
		scroll: 3,
		vis: 3,
		delayTime: 700,
		trigger: "click"
	})
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
澳门足彩 www.166691.com-彩神8快3-| www.70ej.com-彩票输了十万| www.7648.pw-体育彩票图标排版| www.39178.cc-下载购彩网app| www.018196.com-福利彩票扫码查中奖| www.55ul.com-体彩竞彩微信营销| www.4851.vip-山西体彩诚招投注站| www.27211.cc-新2亦彩票论坛| www.900222.com-江苏福彩开奖| www.982141.com-信彩票官方app| www.jr3.com-河南帝彩快三| www.746833.com-天天爱彩票老版| www.833708.com-福彩好彩3开奖结果| www.908050.com-七星彩三个号多少钱| www.984217.com-鸿运彩票app下载| www.hp99.com-手机新浪彩票| www.e15.mobi-好123彩走势图| www.68hb.com-魔方彩票软件下载| www.1545.xyz-体彩自助售票机| www.hv93.com-幸运快三app网址| www.5qf.com-常州彩票中奖排行榜| www.80ji.com-美国快三下载安装| www.424400.com-七彩莲花佛教的含义| www.526550.com-非法私营彩票| www.597882.com-体彩十一选五投注| www.666978.com-乐彩的骗局-| www.737098.com-手机彩票彩81彩票| www.925222.com-彩库苹果下载| www.991965.com-宜昌市体彩兑奖地址| www.fq08.com-3d彩票中的死规律| www.wv95.com-快三走势有规律吗| www.53om.com-怎样购买国外彩票| www.0388.org-福彩3d限号-| www.6228.in-迪士奇彩票平台| www.12878.cc-虎扑篮球彩票| www.234042.com-彩票中怎么弄容错| www.370211.com-彩票最大的骗局| www.491234.com-破解时时彩漏洞软件| www.9pq.com-江苏快三专家推存| www.96ra.com-249彩票-| 中国福利彩票www.33588y.com| 中彩网www.71233b.com| www.os77.com-宁夏福利彩票双色球| www.529810.com-时时彩骗局视频直播| www.654460.com-时时彩五星做号软件| www.740073.com-澳门彩票公司注册| www.007561.com-七乐彩开奖结走势图| www.130960.com-谈彩礼是谁谈| www.230769.com-安装728彩票| www.092172.com-体彩论坛网-| www.332666.com-有人在京彩玩彩票么| www.461792.com-体彩500万给支票| www.51058.com-乐彩围蓝-| www.756370.com-团队彩票计划真假| www.12ms.com-贵宾网天彩票| www.96vi.com-福利彩票验证码| www.7134.biz-七彩假期电话| www.0075.cm-买彩票有几种方式| www.25282.com-安徽铜陵体彩网| www.77758.com-下载尊彩网-| www.029729.com-爱心彩票网是真的吗| www.151020.com-湖北快三走-| www.yh73.cc-手机福彩8-| www.595139.com-好彩堂财神报| www.697615.com-清明彩票-| www.796449.com-彩票稳赢方法| www.35fp.com-腾讯分分彩万为规律| www.608.tv-福彩12选5怎么玩| www.7417.vip-沈阳竞彩店-| www.96127.com-中国福利彩票7月| www.241100.cc-彩客网完整版| www.345100.cc-0345大发彩票| www.451215.com-淘彩票八位邀请码| www.535889.com-彩票你最多中多少| www.608112.com-海南体彩七星彩预测| www.690953.com-总统彩票网投平台| www.763333.com-买重庆时时彩的技巧| www.838146.com-苏州施工围挡彩钢| www.926601.com-优信彩票下载安装| www.977717.cc-世界杯彩票网站| www.cp988.cc-福建快三预测推荐| www.058581.com-彩票中奖如何领奖| www.352948.com-彩票有效期多久| www.480602.com-和彩印怎么设置内容| www.p20.club-微博彩票关闭了| www.314.la-购彩上1288-| www.49363.com-京东彩票网下载| www.015873.com-香港六禾彩开奖结果| www.094044.com-制作彩票软件数据| www.159676.com-快三怎么算下期和值| www.234093.com-安徽安徽快三一定牛| www.299297.com-福利彩票3d玩法| www.358679.com-澳门七星彩网址大全| www.k04.org-众购彩票现金网| www.77xy.cc-竞彩足球赌博| www.2903.vip-东北快三下载地址| www.898252.com-更新七星彩票| www.967425.com-鼎盛彩票微信号| 600万彩票www.679822.com| www.mt79.com-快三和值跨度图| www.n88.cc-竞彩交税吗-| www.29ol.com-七星彩查玛梦册| www.96rw.com-火星彩票平台| www.2684.pw-彩票停售要那么久| www.8903.vip-竞彩徐州店-| www.148867.com-彩83彩票手机版| www.939076.com-足球预测彩票| www.982182.com-3d字谜总汇新彩网| www.ad3.com-江苏快三计划群| www.621296.com-01彩票网址-| www.619281.com-澜沧福利彩票管理| www.748338.com-977彩票官网下载| www.849638.com-3分时时彩计划软件| www.928982.cc-彩票返利骗局| www.984647.com-m5彩票平台注册| www.di55.com-体育彩票种类及玩法| www.31fp.com-今天福利彩-| www.0279.cn-产品彩票促销| www.7882.vip-时时彩赢彩网| www.45553.cc-微彩店官网-| www.616542.com-体彩365下载| www.726448.com-手机可以购彩吗| www.808537.com-丽彩集团郁鹏简历| www.873273.com-网易购彩app| www.302518.com-众彩网上官燕七星彩| www.386216.com-有谁中过彩票的人| www.547.me-分分彩后二复式绝技| www.8572.top-亿彩苹果下载软件| www.46827.com-体彩一共几位数字| www.91009.cc-羊城晚晚好彩今天| www.056810.com-河北福彩3d字迷| www.129631.com-新浪七星彩开奖直播| www.216539.com-天马彩票天一团队| www.kz5.com-内蒙快三开奖助手| www.we22.cc-七星彩明月珰| www.913197.com-彩经网3d振幅| www.986816.com-彩吧vip下载| www.cp6867.com-广西快三遗漏数据| www.362597.com-广西快三是传销吗| www.267579.com-彩票思路-| www.333626.com-体彩彩票怎么看| www.391389.com-艾彩m字母调教| www.489091.com-彩票中奖你信吗| www.01lt.cc-周易八卦解梦七星彩| www.117.gg-今晚3d彩报图片| www.d28.net-彩票大乐透开奖| www.02546.com-福彩3d二元彩票网| www.60059.cc-优游彩票怎么样| www.223915.com-体彩开奖现场直播| www.305318.com-七星彩19040期| www.376826.com-福彩3十1多少钱| www.606618.com-长沙体彩杯击剑黑| www.678104.com-彩票转让合同| www.731592.com-彩票中奖故事新闻| www.785887.com-大奖五分快三计划| www.848512.com-c38彩票导航| www.g49.bid-彩经网老版走势图| www.425388.com-足彩攻略-| www.569988.com-保山博彩广告| www.636271.com-彩虹糖闸机-| www.698005.com-福彩双色球单式玩法| www.760324.com-时时彩走势软件排行| www.823550.com-彩涂钢板工艺| www.876321.com-环球彩票app下载|