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.08401.com-福彩3d模拟投注| www.563748.com-彩票3d组选6| www.672682.com-重庆时彩跨度| www.774764.com-彩票双色球机选工具| www.529.club-彩票大厅重庆时时彩| www.323221.com-2019南洋乐和彩| www.e10.com-竞彩比分玩法中奖| www.394.live-彩票新闻中奖生日| www.557176.com-漫威水彩抽象画| www.52fz.com-博彩365老板| www.984159.com-彩吧三天计划| www.573407.cc-933彩票最新版本| www.8096.com-中国福彩一倍多少钱| www.51023.com-海南私彩七星彩官网| www.006090.com-贵州彩票11-| www.258366.com-竞彩买量分布| www.5568.net-陕西宝马彩票案刘亮| www.86139.cc-彩涂铝板的用途| www.205998.com-易彩网是骗局吗| www.373532.com-快三同二稳赚方法| www.733517.com-请下载全民彩票| www.822682.com-659乐彩网-| www.902828.com-彩帝彩票客服平台| www.969287.com-好运彩票精彩相伴| 大赢家彩票平台www.976927.com| www.1255.vip-重庆时时彩讨论| www.2736.vip-江西快三百度贴吧| www.086200.com-五星走势图彩经网| www.276.cm-国内彩妆品牌排行榜| www.549249.com-分分彩怎么刷不赔钱| www.30un.com-周五那个彩票开奖| www.737172.com-上海体彩七星彩| www.871171.com-星彩空间-| www.976283.com-河南福彩中心银行| www.dr65.com-大发快三开挂辅助器| www.64mp.com-淘宝彩票和网易彩票| www.96620.com-彩票有意思-| www.056119.com-6位数的彩票是什么| www.31536.com-天天收米app竞彩| www.88810.com-美彩彩票下载| www.662127.com-七星彩在哪里看直播| www.td72.com-体彩都有哪些彩种| www.1565.org-云彩宝客户端下载| www.37333.cc-珐琅彩蛋-| www.12349.com-体彩大乐透领奖地点| www.220168.com-老版彩神8-| www.466908.com-彩票开奖走势大全| www.590382.com-七星彩高清图库| www.635543.com-国外博彩怎样拉客户| www.5556.hk-彩牛瓷砖美缝剂色板| www.13514.com-竞彩开奖结果彩客| www.52962.cc-黑彩3d庄家是什么| www.45006.com-彩票01是正规的吗| www.013420.com-808七星彩加急版| www.498572.com-彩票有没有破解方法| www.594919.com-七星彩票杀号360| www.671460.com-排列三电脑彩宝网| www.751937.com-ok彩票是谁的| www.923422.com-黑彩赢钱不黑提款| www.977808.com-快三大小单双怎么玩| www.cp1200.com-江苏快三计划手机版| www.tr50.com-购彩大厅江苏快三| www.19lx.com-创名彩票平台下载| www.612961.com-体育彩票大乐中奖人| www.385209.com-彩票中奖假新闻| www.534422.com-时时彩一分彩走势图| www.622267.com-九彩洗衣液-| www.703300.com-中国福彩票结果| www.818625.com-福彩开奖实况直播| www.918143.com-彩票900app-| 818合彩www.www.5666hc.com| www.jm62.com-分分彩怎么作弊| www.m13.mobi-大发快三刷流水方法| www.73zv.com-体彩排列3怎么兑奖| www.4969.org-彩票机选有用吗| www.804.in-七乐彩杀号预测专家| www.98745.com-快开彩票怎么玩法| www.7541.cc-体彩店如何开竞彩| www.57159.cc-快三拉花教学| www.112785.com-有云南快三么| www.cp625.cc-北京快三投注平台| www.7127.cn-新德里彩票哪里的| www.id07.com-333彩票有危险嘛| www.778844.com-花猫3d彩报-| www.679308.com-玩彩票上瘾-| www.867098.com-金钱豹彩票-| www.928101.com-激光彩色复印机价格| www.ty.com-快三客是真的么| www.668895.com-粤彩宝典-| www.774586.com-七乐彩什么时候开始| www.147720.com-澳客足彩伤停名单| www.259397.com-体彩选号app下载| www.777351.com-彩城真能赚钱吗| www.730476.com-河南福彩幸运二玩法| www.872076.com-彩票达人app下载| www.ei14.com-福彩6十1走势图| www.697005.com-分分时时彩在线计划| www.110593.com-福彩快3推荐号| www.274723.com-大发快三算号器| www.337133.com-周四体彩彩票开奖吗| www.631730.com-七彩阳光一至五节| www.659479.com-天下彩天空网| www.948923.com-百度乐彩票-| www.653600.com-快三和值单双秘籍| www.26052.com-雨后彩虹象征什么| www.84882.com-3d彩乐乐走势图| www.817651.com-第35期福利彩票| www.813.org-体彩售电金水区| www.804353.com-足彩超级必发指数网| www.882847.com-高频彩大平台| www.954371.com-c59彩票四不像| 500万彩票www.96386g.com| www.55px.com-足彩5800万-| www.25221.cc-学彩铅画的发展空间| www.86375.cc-三彩服饰加盟| www.066660.com-网络彩票危害| www.331091.com-福彩排列七开奖号| www.505612.com-百胜快三破解器下载| www.318699.com-彩票网投平台| www.439739.com-体彩大乐透后区中奖| www.526172.com-福彩做鬼-| www.873712.com-彩12下载-| www.719367.com-彩播app二维码| www.037117.com-全民彩最新版| www.vj67.com-双色球彩票规则介绍| www.816404.com-快三中了是多少钱| www.903807.com-彩票案1360亿| 福彩www.16878g.com| www.714583.com-彩票人工在线计划| www.e73.me-中国体育彩票官网站| www.893960.com-彩牛彩票是真是假| www.649788.com-彩博88-| www.5625.com-双色球杀号百度彩票| www.247292.com-上海彩票兑奖处电话| www.966612.com-时时彩人工计划员| www.ak4.com-彩票专家免费预测| www.e96.top-体育彩票现场直播| www.60va.com-七彩开奖号-| www.013874.com-七星彩开机号多少| www.218780.com-大发快三破解神器| www.859612.com-福彩六十一开奖结果| www.416869.com-乐彩网排五专家预测| www.29916.cc-体彩大乐透尾号走势| www.85538.cc-福彩3d计划app| www.051923.com-老版9万彩票| www.162533.com-江苏e球彩怎么查| www.252567.com-中彩网能赚钱吗| www.310306.com-彩票坊用户注册| www.386109.com-韩国彩票犯法| www.007643.com-福彩3官方直营| www.900914.com-东北彩王马洪平视频| www.17527.cc-快三开奖北京| www.650962.com-水彩花卉-| www.749699.com-3d双彩论坛字谜| www.828891.com-九号彩票app| www.884808.com-百度买彩票怎么买| www.954836.com-瑞彩祥云抢红包神器| K彩www.kc37.com| www.122989.com-福彩公益金管理| www.62kb.com-51彩票全天计划彩| www.077125.com-新彩吧图库-| www.427920.com-足彩11转9公式| www.251982.com-搜狗彩票正规吗| www.144669.com-唯彩看球完整版|