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天

知道了
1分快三 www.103763.com-彩神ix辅助-| www.110470.com-鸿运网彩票怎么注册| www.266820.com-足彩19024任九| www.293540.com-幸运快3彩票可靠吗| www.442273.com-ag快彩是什么意思| www.627178.com-永信彩票官网| www.029973.com-彩虹天堂有什么含义| www.196508.com-百宝彩手机版快三| www.357634.com-体彩排列5如何购买| www.535325.com-七星彩的数字对数| www.667414.com-彩票老师计划| www.822823.com-中国蓝彩网-| www.956503.com-富贵彩平台-| www.348.live-福彩双色球六个红球| www.9514.me-彩票工具一今日运程| www.032103.com-丰盈彩票首页| www.328835.com-宝贝计划彩票怎么样| www.520907.com-中国玩黑彩的人多吗| www.682607.com-中国福利彩票自助机| www.898508.com-彩票积分扫一扫| www.28769.cc-经典彩下载专区| www.035230.com-新陶彩快3-| www.381337.com-彩票中奖可以拒捐吗| www.625647.com-长城彩印刷有限公司| www.781272.com-江西福彩网官网| www.4869.cn-第二人生怎么中彩票| www.62933.cc-彩客集团-| www.087334.com-大富翁彩票比大小| www.225018.com-彩票手机客户端下载| www.380663.com-彩久彩票app下载| www.ro35.com-盈彩网内部群| www.70mb.com-时时彩新开始结果| www.9484.xyz-彩吧怪字神帖会员版| www.006430.com-黑龙江省体彩11| www.140551.com-苏州快三线路| 600彩票www.336766.com| www.390065.com-什么彩票能中几百万| www.698400.com-彩票倍投的风险| www.964849.com-福彩海南大公鸡1版| www.513670.com-快三定一胆技巧| www.671619.com-三分pk彩票-| www.42396.com-吉祥彩票app下载| www.680713.com-彩票分析师骗局| www.963887.com-彩票挂机平刷可以吗| www.007111.com-高频五分彩开奖网址| www.6813.org-6000w彩票-| www.056234.com-福利彩票4选4| www.814864.com-邯郸彩票案宣判| www.jw1.cc-今天广西快三走势图| www.5701.cc-卖彩票的地方叫什么| www.79246.com-微信登录天天中彩票| www.024329.com-福彩3d迷图-| www.973537.com-好彩票123-| www.079.tv-7星彩机选-| www.116203.com-内蒙古快三今天查询| www.603815.com-足加彩app-| www.869927.com-下载约彩365| www.422271.com-彩民乐图谜-| www.2200.net-前十名的彩票平台| www.912953.com-投36元彩票预测| www.353569.com-浙冮体育彩票6十1| www.312096.com-彩票分析家app| www.cp7993.com-快三复式投注计算器| www.1gv.cc-用表格选彩票| www.027741.com-大佬彩票-| www.874552.com-大优彩票平台| www.41zt.com-彩票大蠃家官网| www.7156.top-穆棱七彩影城| www.318013.com-稳定的彩票平台程序| www.68917.com-新盈彩正规吗| www.0782.org-幸运彩11xyc| www.520674.com-中国彩票论坛| www.803967.com-哪个网站买体彩| www.53192.cc-谁有重庆时时彩网站| www.126673.com-大众彩票靠谱吗| www.00148.com-国彩彩娃-| www.155044.com-竞彩今日单关| www.191971.com-湖北快三号码| www.556342.com-106官网彩色版| www.015631.com-中彩网快三下载| www.102874.com-乐和彩登陆首页| www.083434.com-金冠彩票官方网站| www.398563.com-七星彩晚上几点开| www.701609.com-买彩票被骗能追回么| www.177453.com-福利彩票是什么快三| www.229675.com-天天快三计划手机版| www.176098.com-快三分析软件| www.44668.cc-福建体彩预测推荐| www.135546.com-乡可以开彩票店吗| www.357655.com-中国足彩网比分直插| www.615999.com-福建快三怎么玩稳赚| www.900381.com-江苏福彩开奖查询| www.1024.tv-傲赢彩票合法吗| www.60968.com-28168彩票-| www.457700.com-彩票工具生日姓名| www.633061.com-竞彩篮球胜负规则| www.yv67.com-中彩网香港-| www.3608.cc-南方彩票双彩网下载| www.823927.com-官方彩票3d下载| www.685207.com-福彩彩报图库| www.899675.com-福彩机器可以转让吗| www.h28.cc-乐彩论坛排三170| www.266816.com-6种人容易中彩票| www.761372.com-延吉福利彩票站点| www.959521.com-易彩大小技巧| www.dx8.com-三分快三是不是骗局| www.021425.com-恒博彩票下载安装| www.800838.com-银海彩票工作室3d| www.501.cm-吉祥彩登录网站| www.568223.com-彩票33不出款| www.676208.com-体彩特刊报纸| www.821782.com-彩乐乐双色球| www.962712.com-彩乐瀑合法吗| www.sw27.com-七星彩中奖规定图| www.74nl.com-p3彩体画-| www.6815.net-彩票656-| www.47505.com-好彩店彩票提现不了| www.083939.com-彩票动物总动员玩法| www.818408.com-非你莫属彩票| www.37345.com-金山彩票下载| www.33056.com-江苏省彩票兑奖地点| www.221524.com-1分快三彩计划软件| www.952719.com-彩票任三开奖结果| www.053728.com-胜负彩怎么玩| www.4612.cm-现在去哪里买彩票| www.265403.com-双彩论坛3d字谜解| www.355330.com-玩快三输了三万块钱| www.63036.com-彩票106版168| www.81821.cc-吉林快三黑彩合法么| www.063225.com-彩拾彩票下载| www.148144.com-湖南省福利彩票兑奖| www.333435.cc-牛人算彩票-| www.588633.com-七星彩今晚开什么将| www.200026.cc-河南福彩体彩开奖| www.290819.com-福彩3d乐彩网首页| www.33964.com-上海福彩电话投注| www.96964.com-彩票事件视频| www.086128.com-聚宝盆彩票-| www.157242.com-竞彩之家官网| www.297940.com-山东体彩在线| www.441162.com-体育彩票杯-| www.602305.com-免费彩票平台送38| www.984523.com-手机福彩自动选号器| www.uy89.com-福彩林竹17231| www.36dy.cc-乐利2分彩开奖号码| www.961214.com-分分彩预测软件下载| www.113133.com-亮了网直播竞彩猫| www.330610.com-七天彩邀请码哪里来| www.069749.com-35彩-| www.669378.com-双色球彩票有效期| www.67218.com-福彩到哪里领奖| www.111035.com-231彩票-| www.206456.com-福彩快乐彩规律| www.323023.com-香港三分彩开奖网站| www.483555.com-天津福利彩票开奖| www.591735.com-彩票网球退赛怎么算| www.756050.com-67彩app-| www.88359.cc-玩彩票的心理| www.330090.com-双色球预测众彩网| www.s25.club-吉林快三有赢钱的吗| www.kz35.com-彩票大全下载安装| www.37mf.com-时时彩几期止损| www.6876.shop-玩赚彩票app| www.073073.cc-奖金过亿的彩票|