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.994912.com-19040期胜负彩| www.xf38.com-七彩网彩票官方网站| www.2221.vip-微信微彩是真的假的| www.19138.cc-快三机选一注中大奖| www.8527.org-竞彩足球的销售时间| www.55552.com-七星彩获奖规则| www.441389.com-七星彩梦册解梦码| www.327989.com-福彩形态-| www.587286.com-福彩七乐彩如何兑奖| www.445602.com-彩金怎么卖-| www.111246.com-福利彩票中奖彩民| www.542375.com-双彩网3d图谜专区| www.783855.com-cl李彩琳歌曲大全| www.217622.com-云发购大发快三下载| www.349530.com-周末能买彩票不| www.04jo.com-在线即开彩票| www.5255.site-微信彩票网址| www.262357.com-福彩3d口诀-| www.2110.vip-广东东莞福彩网| www.01276.com-超级彩金中奖图| 乐发彩票www.336779.com| www.480155.com-七星彩中奖中奖规则| www.586394.com-免费领取38彩金| www.661630.com-如何竞猜足彩中奖| www.cc62.com-福彩排列5开奖| www.zn56.com-河北快三是不是骗局| www.43bg.com-新版彩票源码| www.023632.com-七乐彩直播视频| www.110612.com-彩票网站大全59| www.201558.com-江苏快三购彩时间| www.562852.com-彩票三个亿-| www.235144.com-喜中彩-| www.854451.com-快三全能必中| www.029704.com-彩票开奖源是什么| www.159122.com-易彩票赚钱-| www.330975.com-彩票3d人人中奖| www.494304.com-vip9彩票-| www.647979.com-3d五百彩票网| www.780878.com-杏彩彩票骗局| www.97ub.cc-百彩票-| www.752408.com-3d彩票报纸图| www.903638.com-赢彩票靠谱吗| www.pl08.com-福彩自助北京快三| www.25yb.com-体彩19005期| www.52415.com-6彩库图-| www.hc45.com-彩8安卓-| www.2843.xyz-快开型彩票能研究吗| www.81ow.com-赣州福利彩票| www.118746.com-有97彩票吗-| www.292000.com-搜索快三助手下载| www.424842.com-七彩杯成绩查询| www.544972.com-中彩高手大乐透| www.296532.com-彩迷天地双色球| www.704879.com-体育彩票在哪兑奖| www.789231.com-外围竞彩软件哪个好| www.865676.com-123彩-| www.946532.com-三明福彩中心地址| 网易彩票www.9356r.com| www.qk38.com-福利彩票三不同开奖| www.5726.cc-福彩三d位积和走势| www.120105.com-宝马彩票可靠吗| www.245691.com-易彩堂1主页| www.20089.com-浙江省福彩中心| www.87781.cc-下截珠江彩票app| www.064848.com-彩票返点最高的平台| www.3702.cm-精彩十分图标| www.8632.wang-数字三彩神通手机版| www.32972.com-体彩第19044期| www.81221.com-福利彩票3d走势| www.618382.com-足彩北京单场| www.757478.com-购彩启明团队| www.877713.com-做网络私彩罪| 大赢家彩票平台www.577690.com| www.93885.cc-体彩排列五历史最新| www.pb45.com-天津市体彩十一选五| www.6895.cc-爱彩彩网app| www.552293.com-万彩吧首奖玄机图1| www.670512.com-体彩竞彩比分新浪| www.777485.com-彩乐园ll安卓下载| www.863893.com-中国福彩造假| www.973908.com-买彩票投一倍| www.ig2.cc-106.cc彩票-| www.19og.com-解密彩票的真假| www.582308.com-网冠彩平台-| www.718348.com-巨彩彩票jc-| www.76488.com-福彩守号都是傻的| www.052285.com-鸿运来彩票网| www.238015.com-安徽快三奖金规则| www.072318.com-106网络彩票| www.259047.cc-竞彩吖三-| www.369497.com-雅雅彩票-| www.33401.com-海南竞彩快3查询| www.159076.com-广东快乐彩开奖号码| www.278085.com-中彩网论坛没人了| www.202522.com-广西快三官方开奖| www.576753.com-下载鸿运彩票网| www.817923.com-彩票排五走势图| www.hy51.com-河北河北快三走势图| www.643518.com-一分彩开奖计划| www.949582.com-中国福彩预测中心| www.o64.com-看彩啦3d今天预测| www.5880.cc-体彩19030开奖| www.012933.com-快赢网快三推荐| www.126906.com-体彩开奖结结果今天| www.309638.com-体彩七位数这么买| www.757654.com-淘彩app网站下载| www.951890.com-福彩快三过年放假吗| www.1438.vip-彩神vi代理邀请码| www.415566.com-押大小的彩票| www.cp6728.com-分分快三合法吗| www.193082.com-河南福彩-| www.324474.com-体彩排列五论坛| www.382502.com-一元彩票app| www.019691.com-分分彩票官网下载| www.095750.com-幸运快三能玩吗| www.167959.com-江苏快三网站| www.238890.com-刷彩是什么| www.299251.com-分分快三怎么看| www.588011.com-施乐彩色复印机碳粉| www.095262.com-我玩彩-| www.287235.com-安徽快三50-| www.380860.com-快购彩票赛车直播| www.503411.com-红彩直播004| www.619674.com-凤凰彩票活动中心| www.983284.com-上海体彩中心主任| www.ps43.com-新彩吧3d字谜汇总| www.020222.com-体利彩票开奖结果| www.363651.com-重彩-| www.582326.com-头头奖彩票-| www.139448.com-彩38.com-| www.215608.com-湖北快三好假| www.161532.com-明发彩票mfa08| www.259879.com-福利彩票机选号码| www.358383.com-靠彩票翻身-| www.759603.com-下载时时彩计划| www.866163.com-易迅彩票app| www.950463.com-105彩票下载一| 彩神网www.csw288.com| www.pq99.com-卓尚三彩-| www.14el.com-手机七星彩直播频道| www.691.date-重庆福彩网开奖结果| www.e95.top-中国福彩中心开奖| www.788871.com-竞彩足球太假了| www.5329.cm-彩11-| www.20898.com-宝宝人工计划时时彩| www.61627.cc-中国福利彩票事件| www.007344.com-标准体彩竞彩店转让| www.603322.com-代购彩票赚佣金兼职| www.4026.org-最好的博彩公司介绍| www.158607.com-七星彩在线机选| www.268333.com-彩票365官网下载| www.25vz.com-手机短信特邀彩金| www.946.cm-澳门ll彩票app| www.3917.bid-一定牛还能买彩票吗| www.338440.com-七乐彩大乐透| www.48044.com-彩票之冢-| www.05bc.com-看福彩开奖现场| www.70jm.com-高频彩投注心得体会| www.56882.cc-浙江省福彩中心地址| www.67qc.com-体育彩票销售额| www.720592.com-众彩网专家预侧汇总| www.152801.com-福彩121-| www.249905.com-成功彩票app下载| www.329155.com-青海福利彩票三d|