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.095155.com-国家彩票软件下载| www.256769.com-彩票助赢软件安卓版| www.587968.com-佳能彩色复印机维修| www.681855.com-黑龙江福彩七乐彩| www.781583.com-头头博彩客户端| www.860595.com-快三每天开奖时间| www.930848.com-竞彩玩法几串几介绍| www.994100.com-福彩3地开奖| www.dp82.com-81678v快彩-| www.t58.win-湖北彩票最大金额| www.4290.vip-双彩论坛字谜专门| www.876316.com-京彩集团app下载| www.392681.com-江苏体彩领奖地址| www.524230.com-生肖彩票怎么玩| www.008898.cc-彩票王-| www.044544.com-博彩送彩金app| www.136016.com-彩铃下载-| www.262004.com-福彩开奖双色球结果| www.371588.com-越南内河时时彩| www.127209.com-普通彩铅画星空简单| www.216428.com-马来西亚福利樂和彩| www.297266.com-1分快三技巧| www.457322.com-体彩排三藏机图字迷| www.81129.cc-燕赵福彩网开奖公告| www.0109.cn-555彩票网app| www.3759.mobi-极速分分彩-| www.11586.com-手机如何投注彩票| www.841272.com-孕妇彩妆哪个牌子好| www.979262.com-福彩3d最未出号码| www.oj29.com-吉林福彩时时彩走势| www.6548.vip-698彩票网-| www.09625.com-360体彩走势图| www.aj74.com-七星彩综合走势图| www.102125.com-大发时时彩网站下| www.309110.com-怎么举报彩票赌博| www.424849.com-3d遗漏乐彩网| www.543103.com-炫乐彩票北京pk| www.646918.com-视频即开彩票伪随机| www.783707.com-七乐彩综合分布图| www.879526.com-高频彩票赚钱方法| www.356945.com-中了彩票怎么花| www.386406.com-中国彩吧天气网| www.861351.com-体彩任选3规则| www.6355.com-中国福利彩票最低奖| www.964671.com-境外彩票网站有哪些| www.350404.com-福彩门户安全…| www.289322.com-快三豹子多少钱| www.559190.com-呼和浩特彩票中心| www.831973.com-彩票网上接单| www.946515.com-福建福彩30送7| www.cai991.cc-快三平台app| www.095770.com-安微省福彩发行中心| www.33719.com-体彩高频-| www.975.la-本期七星彩奖表图| www.4024.biz-腾讯分分彩api| www.se2.cc-ip代玩彩票-| www.82dn.com-竞彩足球历史最大奖| www.8810.vip-福建体彩直播室聊室| www.43210.com-中彩网违法-| www.137819.com-尊彩网下载-| www.663455.com-卖彩票犯法吗| www.758247.com-九州全球彩票网站| www.876162.com-福利彩世界app| www.5818.cc-网上售彩票小程序| www.52686.com-彩票线上购买| www.189088.com-彩票收集网-| www.0380.cm-休闲快三口令分解| www.579416.com-酷彩直邮-| www.668657.com-彩票三地二十四期| www.55yh.cc-中国福彩官方下载| www.401832.com-七星彩全文-| www.747865.com-彩宝3d下载-| www.f85.cn-华人彩已注册已登录| www.104677.com-足彩竞彩直播| www.6726.space-543彩票-| www.198586.com-彩神ix邀请码| www.307413.com-好彩网是骗人的么| www.436600.com-足彩5800万-| www.565358.com-福州仓山体彩店转让| www.673972.com-汇丰彩票软件| www.787556.com-河南福彩河南体彩| www.889555.com-凤凰彩票app大全| www.980174.com-北京快三精准计划网| www.co34.com-温州快三综合走势图| www.g07.cn-彩票256官网地址| www.72cq.com-梦见亲人买彩票| www.3405.cm-彩虹翼支付官方| www.3992.top-三度博彩-| www.b00.net-十字彩怎么下载| www.055169.com-网络黑彩处罚| www.957987.com-中国彩票趋势| www.45ki.com-彩虹6号围攻退款| www.687605.com-武汉福彩作假| www.020196.com-体彩兼营店-| www.876141.com-1516彩票注册| www.431023.com-射利彩签-| www.555784.com-福建体育彩票36选| www.631946.com-七彩云南是哪七彩| www.699342.com-内蒙古快三综走势图| www.777275.com-海南七星彩梦兆查码| www.838739.com-308彩票计划| www.892065.com-快彩app有哪些| www.959978.com-足彩职业玩家收入| 中彩网www.81233u.com| www.4455.net-必发彩票官网登录| www.11953.cc-新浪彩票比分直播| www.62942.com-彩宝彩票提现难| www.4374.com-内蒙古快三结果图| www.27698.cc-花绘画图片大全彩铅| www.950291.com-百乐彩票用户登录| www.fb6.com-一分彩破解-| www.630780.com-体彩顶呱刮中奖贴吧| www.696235.com-黑时时彩平台| www.544859.com-长沙市彩票店转上| www.757013.com-赢彩彩票与全民彩票| www.72jm.com-爱彩乐四川快乐十二| www.130316.com-黑马彩票分解专家| www.612383.com-彩影免注册版下载| www.799590.com-彩票快2中奖多少| www.915187.com-今日竞彩信息平台| www.975.cm-七星彩可以组选吗| www.002558.cc-博彩反水-| www.610421.com-手机购快三-| www.450315.com-海南七星彩qq群| www.584411.com-中国推荐的彩票软件| www.637552.com-各地区快三开奖结果| www.ku.cc-安徽福利快三结果| www.7620.in-爱彩平台app下载| www.410633.com-姜山金石开足彩分析| www.529508.com-中彩网彩票专家| www.612123.com-狗万网址足彩吧| www.733337.cc-彩票平台会员| www.813480.com-体彩41期开奖结果| www.907031.com-彩票几位数字组成| www.987234.com-福彩全民中奖独胆| www.fj08.com-大发快三是不是骗局| www.448669.com-忧彩社区-| www.563362.com-足球博彩看盘网站| www.47vf.com-彩票投注西西| www.092235.com-3分彩-| www.365769.cc-福利彩七乐彩| www.503329.com-快乐彩任三中奖规则| www.607923.com-彩铅画荷花怎么画| www.716001.com-快三平台怎么做| www.805902.com-十元刮刮乐彩票种类| www.896266.com-瑞彩网能赚钱吗| www.974103.com-环球彩票不能提现| www.cu2.cc-快三投注稳赚技巧| www.94xt.com-网聊男性劝我买彩票| www.866690.com-福利彩开奖号| www.922777.cc-欢迎人人赢彩券官网| www.966562.com-澳洲五分彩app| 网易彩票www.097wy.com| www.1463.xyz-彩铅画星空视频教学| www.16315.com-网上购彩合法吗| www.985017.com-快乐彩12选择5| www.ke32.com-湖北福彩官方网站| www.020139.com-体彩申请-| www.0100.vip-号百彩票开奖直播| www.352225.com-完美彩票i首页登录| www.359079.com-时时彩技巧彩票| www.449282.com-玩分分彩诀窍| www.540168.com-外围和国彩哪个好| www.613055.com-宁夏彩票-|