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.93426.com-竞彩平手盘怎么分析| www.62611.com-全民竞彩电脑下载| www.771970.com-时时彩混选技术论坛| www.954870.com-瑞彩祥云如何作弊| www.hd6.cc-爱彩乐快3开奖结果| www.x53.biz-最新福彩票中奖信息| www.581135.com-彩票看走势有用么| www.6331.com-红牛快三-| www.372637.com-彩61登录-| www.526666.com-重庆时时彩稳输规律| www.085442.com-天天爱彩票红包| www.62255.com-三彩网官方-| www.329783.com-足彩310专家分析| www.482891.com-什么彩票五个数字| www.621502.com-竞彩之家比分网页| www.738698.com-体彩有没有假| www.813043.com-高频彩开奖结果赚钱| www.375533.com-福建摇骰子彩票活动| www.141773.com-时时彩砍龙啥意思| www.281928.com-今天的彩票指南报| www.229499.com-7彩洗墙灯-| www.348102.com-七乐彩票是赌博吗| www.793666.com-沉迷买彩票-| www.947137.com-网友带我玩高频彩| www.uf9.cc-安徽快三单选单| www.r78.biz-天天彩票选四结果| www.0599.com-红中彩票平台登录| www.700903.com-彩票开票-| www.925228.com-财神8彩票网正规| www.pd71.com-8号彩票提款靠谱吗| www.71pr.com-恒彩国际是黑平台吗| www.110021.com-汇众彩票-| www.560589.com-时时彩四星缩水软件| www.834499.com-五福彩彩票下载| www.291292.com-快乐12爱彩乐| 500彩票www.637477.com| 体彩网www.3890l.com| www.rb13.com-时时彩游戏规则图| www.507966.com-3d福彩手机版预测| www.141299.com-辽宁福彩网手机版| www.505144.com-哪些彩票网有送彩金| www.662541.com-盛兴彩票网v3导航| www.778042.com-江苏体彩七位数时间| www.199728.com-app端彩祥云下载| www.992332.com-时时彩预测大小技巧| www.iu39.com-广东福彩网-| www.m41.cn-湖北体彩app| www.65dj.cc-38彩票网-| www.826712.com-彩98是不是黑台| www.919731.com-自制彩票app| www.984027.com-快3购彩大厅| www.bd5.com-彩票赚钱-| www.456282.com-红菜苔彩票骗局| www.713080.com-福彩3d害死多少人| www.822386.com-彩票668网-| www.885588.com-大发快三预测app| www.958190.com-福彩3d什么号| 500彩票www.52072n.com| www.969410.com-福彩3d书下载| www.cp0288.com-北京快三助手结果| www.rj49.com-一注快三中了多少钱| www.870696.com-开家体彩店要多少钱| www.233331.com-e球彩两场全包| www.332614.com-足彩新浪网竞技风暴| www.444879.com-今天足彩专家推荐号| www.593631.com-七彩云染料-| www.674446.com-79彩票登入平台| 500彩票www.50026y.com| www.038129.com-网彩平台排行榜| www.603733.com-第二人生彩票攻略| www.766186.com-甘肃酒泉福彩快三| www.937013.com-福星彩app下载| www.tl3.cc-今日体彩开奖号| www.xi55.com-七彩汇下载链接| 彩民网www.caim5.com| www.021831.com-258竞彩足球官方| www.112161.com-泰安三亿彩票| www.184505.com-湖北快三一定牛预| 福彩网www.60007q.com| www.351435.com-国家彩票一年的利润| www.788783.com-足彩大赢家比分网| www.57756.cc-辉煌彩票官网登录| www.105058.com-牛彩网字谜总汇| www.219896.com-长春快三微信群谁有| www.879795.com-网络快三正规吗| www.983429.com-贵州彩票17中奖| www.mv95.com-978彩票网-| www.32io.com-百废彩票开奖查询| www.3029.wang-上海蒂之彩骗局| www.384640.com-腾飞娱乐彩票| www.091396.com-连中彩票app旧版| www.47lk.com-东方亮彩曹云坐牢| www.3187.biz-彩票注册送彩金58| www.25793.cc-体彩客户端-| www.99186.cc-腾讯分分彩彩金| www.114801.com-彩皇网我的注册| www.896885.com-彩票挂机软件制作| www.982099.cc-永安彩票app| www.al09.com-七星彩和值走势图| www.w41.org-彩票3d表-| www.66uk.com-彩宝彩票倒闭了吗| www.930466.com-彩票的种类和价格| www.985711.com-福彩3d微信交流群| www.ph5.cc-d9彩票app-| www.qn89.com-上期七星彩开奖号码| 网易彩票www.073wy.com| www.362144.com-一年级彩虹教学反思| www.290391.com-内蒙快三代理| www.436079.com-昭通市体彩中心| www.535231.com-vr十分彩链接| www.610161.com-手机qq彩色名字| www.678664.com-3d彩票预测图片| www.752719.com-唯彩彩票-| www.806780.com-体彩彩票开什么| www.876769.com-500彩票是真是假| www.947457.com-网购福彩是不是骗局| www.988308.com-幸运中彩票助手下载| www.cp8533.com-湖北快三一定牛推荐| www.mv18.com-河北快三走势图奖聊| www.j78.net-今日福彩正版藏机诗| www.941946.com-十一彩票-| www.14ev.com-体彩七星彩结果| www.1866.win-彩票巴巴苹果下载| www.426222.cc-福彩藏机图排三在内| www.019090.com-陕西彩旗-| www.70bd.com-福彩开奖视频作假| www.024709.com-足彩双平是什么意思| www.678196.com-福彩三的形态分析| www.875654.com-高赠送彩票平台| www.937897.com-购买七星彩-| www.hv48.com-北京快彩开奖| www.wt78.cc-彩票平台跑路前兆| www.39297.com-七星彩中奖赔率| www.740540.com-乐彩客网页版| www.853214.com-金福彩票黑吗| www.911000.com-彩票发朋友圈被冒领| www.970216.com-官方购彩平台| www.gv53.com-百盈快三在哪下载| www.02yw.com-广西快三全天共几期| www.62yb.com-在顺发彩票网| www.813.red-附近哪有体育彩票站| www.837811.com-917cc彩票-| www.eg03.com-湖北快三遗漏值| www.057319.com-湖南省福彩发行中心| www.746234.com-彩天下合法吗| www.m30.top-三分钟时时彩万能码| www.074107.com-体彩胆码家彩网| www.066658.com-955彩票合法吗| www.40nj.com-新婚姻法彩礼多少钱| www.28325.cc-自动投注黑彩票软件| www.762319.com-博王时时彩计划软件| www.852695.com-福彩网专家预测| www.936360.com-姜山足彩推荐| www.eo08.com-快彩网官网-| www.3386.cn-签到送彩金平台| www.7199.com-快三中两个有奖吗| www.923819.com-秒速时时彩开奖规律| www.08vu.com-尼彩大屏智能手机| www.696519.com-七乐彩彩经网走势图| www.929755.com-七星彩头尾杀号平台| www.339879.com-山西体彩营销方案| www.498549.com-彩票计划群犯法吗| www.617474.com-黑彩一般设置在哪儿| www.739132.com-红彩网官网手机版|