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.165910.com-手机验证领15彩金| www.240993.com-河北福彩快三下载| www.426848.com-大成彩票骗局| www.71541.com-湖北快三二同号| www.499292.com-一注彩票买500倍| www.947310.com-3d麦久彩票网| www.aa87.com-时时彩独胆方法大全| www.136784.com-彩77最新版-| www.899176.com-天天彩免费料大全| www.222926.com-福利彩票快3奖金| www.266779.com-吉林快三图片| www.727682.com-福彩中奖号码走势图| www.891372.com-彩票人生句子| www.976028.com-2019年农村彩礼| www.bk77.com-浙江体彩11选五| www.954257.com-八彩林亚珍国语下载| www.js0.cc-甘肃快三开奖号| www.350313.com-彩票五行怎么算| www.712350.com-结婚彩礼一般多少钱| www.802116.com-天津十分彩技巧| www.908957.com-彩神2怎么玩| www.182092.com-手机快3是什么彩票| www.068169.com-彩票软件彩缘| www.750663.com-天天中彩票游戏| www.838736.com-极速彩票计划软件| www.173621.com-彩神1-| www.355934.com-时时彩源码出租| www.10kk.com-256c彩票-| www.811401.com-体彩选号技巧| www.626112.com-十分时时彩怎么下载| www.2488.vip-江苏e球彩中奖奖金| www.37679.cc-彩乐乐专家推荐快3| www.091613.com-博盈彩票是真假| www.549426.com-彩票站买足彩| www.668802.com-特彩吧新版-| www.790333.com-炫彩界面库破解| www.542722.com-江苏彩票双色球| www.189869.com-江苏福彩快3遗漏号| www.237.live-彩票粉一般上哪找| www.22115.com-国内足彩狙击团队| www.11kt.com-做彩票代理赚钱吗| www.5354.hk-还有人买彩票| www.356142.com-分分彩购买软件| www.457878.com-彩店宝下载软件| www.551555.cc-贵州快彩app| www.800095.cc-足球比分直播体彩网| www.232008.com-彩票软件有挂吗| www.128208.com-头条彩票app下载| www.061773.com-好彩客是不是真的| www.82439.com-褔客来彩票-| www.066455.com-玩手机彩票软件| www.906171.com-江苏快三专家| www.dy92.com-台北快三是官方开吗| www.916.red-如何申请自助彩票机| www.151865.com-福利彩票害人| www.161720.com-香港快三开奖时间| www.241556.com-17年七星彩-| www.533858.com-七乐彩摇奖出球顺序| www.670642.com-七星彩局王奖图| www.5373.top-淘宝的彩票-| www.g02.in-彩票11选五玩法| www.669260.com-彩色通道游戏| www.226541.com-彩票领奖真实故事| www.400906.com-七星彩最大值| www.607488.com-3g网址彩票-| www.744417.com-1216福利彩票| www.927729.cc-app彩票送彩金| www.982881.com-体育彩票拖胆| www.pz81.com-天津时时彩开奖网址| 500彩票www.593477.com| www.269713.com-98098d彩票网| www.680172.com-彩票的真实性有多少| www.899193.com-福彩江苏-| www.mb31.com-昨天快三走势图85| www.563900.com-下载购彩助手| www.657177.com-网易彩票11选5| www.749044.com-体彩浙江-| www.820918.com-彩钢板漆膜标准| www.882454.com-英国5分彩是骗局吗| www.944988.com-248彩票官网下载| www.985343.com-nba竞彩网首页| www.ld7.com-河北彩票开奖| www.qd84.com-093彩票平台| www.3ye.com-买彩票有破产的吗| www.100085.cc-网络极速3d彩票| www.9955.pw-体育竞彩赛果开奖| www.948028.com-网上彩票游戏平台| www.50556.com-七星彩湛江彩版网| www.294066.com-迅盈彩票能提现吗| www.378006.com-体育彩票竞猜出兑| www.954.cm-体彩即开中奖规则| 豪彩VIPwww.398118.com| www.300282.com-彩巴-| www.280930.com-中国竞彩首页| www.127144.com-彩铅手绘小清新风景| www.318759.com-福彩快乐12助手| www.540014.com-张丽花式快三数学| www.724808.com-599彩票ios-| www.573130.com-众恒彩票52868| www.765986.com-福彩三地走式图| www.849846.com-qq分分彩开奖官网| www.914715.com-买彩票的技巧大全| www.980953.com-彩788网站-| www.dp74.com-今日彩票开奖查询| www.987444.com-黑龙江福彩p62| www.330604.com-掌上购彩七天彩平台| www.7636.biz-彩票名片模板| www.583203.com-彩色简笔画动物| www.360846.com-开彩传媒电话号码| www.522675.com-云南省体彩十一选五| www.719623.com-河北快彩快三电子图| www.kz48.com-香港澳门彩票官网| www.654785.com-为什么不能买彩票| www.73ov.com-米兜彩票转型| www.29675.cc-金手指彩票报纸官网| www.88673.cc-彩票九app下载| www.082034.com-中彩论坛讨论专区| www.16369.com-辽宁福利彩票销售点| www.268306.com-彩吧网3d-| www.360039.com-福彩快彩买靠吗| www.156677.com-惠彩网是什么东西| www.290269.com-彩库宝典下载下安裝| www.387597.com-彩票没中过大奖| www.804496.com-彩票半全场怎么玩| www.891007.com-至尊彩app安装| www.951822.com-彩天下黑平台| www.995640.com-竞彩足球5串一神单| www.bh82.com-80彩票骗局-| www.oi31.com-彩票全网最准计划| www.767235.com-竞彩足球分析推荐| www.873634.com-掌上彩票苹果版| www.951795.com-大发快三怎么算和值| 乐博彩票www.67258b.com| www.811272.com-山西福彩3d走势图| www.895212.com-优彩网彩票网址| www.956195.com-博雅彩票正式版| 乐博彩票www.67258b.com| www.ae68.cc-体彩排3-| www.324243.com-体彩中奖规则| www.731447.com-重庆福彩3d-| www.829289.com-满意彩票下载| www.887518.com-网上黑彩票平台曝光| www.162025.com-v8汇彩网-| www.044402.com-足彩让胜什么意思| www.418706.com-彩讯pc-| www.34511.com-好彩网极速分分彩| www.93258.cc-手机福彩3d购买| www.038379.com-彩票49倍下载| www.701213.com-足彩19051期| www.la19.com-老快三开奖统计图表| www.k46.net-体彩历史开奖结果| www.007825.com-zucp福彩体彩| www.889475.com-七乐彩中奖是骗局吗| www.956795.com-彩色蚕宝宝有毒吗| 人人彩票www.rrle5.com| www.172.cc-足彩任九场-| www.96897.com-小崔看体彩-| www.250356.com-中彩代理邀请码| www.37760.com-宏盛彩票分析系统| www.39gw.com-微信彩票竞猜没有了| www.881062.com-彩票对刷流水兼职| www.895007.com-做彩票帮投违法吗| www.353617.com-彩票直播在线观看| www.5249.org-体育彩票店兼复印|