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.340300.com-兼职代打彩票赚佣金| www.539409.com-彩票行业危机| www.654164.com-时时彩大数据有用吗| www.759125.com-彩薇花这个牌子| www.872534.com-超级大乐透真假彩票| www.954837.com-瑞彩祥云客户端| 超级彩票www.855271.com| www.nr89.com-彩票赌博-| www.7vy.com-农民工错过彩票大奖| www.1881.red-中彩彩票快3网址| www.163037.com-大发快三提现没到账| www.84sw.com-中国足彩网欧亚指数| www.x44.me-甘肃彩票开奖查询| 鑫彩网www.xcw866.com| www.36033.com-中彩开奖结果查询| www.260175.com-福彩中心在哪里| www.36589.cc-澳门有哪些合法彩票| www.003361.com-fc福彩网-| www.531974.com-临沂福利彩票中奖| www.44ja.com-足彩8x56表-| www.494249.com-沈阳彩票站合作| www.im07.com-澳客竞彩-| www.95607.cc-福彩资金去向| www.627669.com-老实时彩360| www.711605.com-传奇彩票大发靠谱吗| www.791591.com-京东如何投彩票| www.876012.com-十一选五大彩鲸| www.os23.com-双彩镇有多少人口| www.14sv.com-手机彩票评测网| www.877966.com-双色球中奖彩票照片| www.km1.com-安徽快三官方下载| www.230963.com-阿里彩票平台可靠吗| www.753169.com-网易足彩推荐预测| www.378709.com-体育彩票加盟流程| 必中彩票www.bizhong55.com| www.06eq.com-彩票五行属于什么命| www.4667.biz-彩客网手机客户端| www.34852.com-快三送彩金的| www.86st.com-彩票能中奖不| www.777272.com-如何网购福彩| www.jw47.com-彩库宝典官方正版下| www.3270.me-喜彩娱乐网-| www.128672.com-神话彩票-| www.356734.com-做彩票行业-| www.608499.com-正规体彩软件| www.710875.com-有人中彩票吗| www.cp224.com-一分快三计划软件| www.ac44.com-河南福彩发行中心| www.65558.com-杏彩官网线路检测二| www.vl04.com-私彩快三怎么玩稳赚| www.402887.com-乐购a彩票-| www.395944.com-彩虹宝宝免费看| www.161673.com-快三大小单双玩法| www.847856.com-古建筑彩绘标准| www.299340.com-玩彩是什么意思| www.6832.in-36期彩吧彩报| 易彩集团www.25688c.com| www.91066.com-用于开幕式彩烟| www.200478.com-前天福彩3d开奖号| www.0091.com-七星彩直播网易彩票| www.875092.com-258竞彩官网| www.751666.cc-中彩彩票飞艇软件| www.52743.com-七彩西游记在线播放| www.07yl.com-手绘彩铅山水画图片| www.5183.cc-足彩19003期| www.328977.com-今晚福彩开什么奖号| www.450318.com-神龙彩票下载| www.073455.com-uu直播快三计划| www.307063.com-天津市时时彩开奖| www.033830.com-南方彩票网走势图| www.38919.cc-一分赛车彩票天天输| www.088399.com-下载福彩网站的网址| www.177599.com-百胜中国福彩快3| www.314316.com-今天3d彩报图| www.398234.com-彩虹旗娱乐论坛| www.45gh.com-彩虹创意画-| www.833.live-今日体彩的开奖号码| www.5024.cm-吉祥彩票大快三| www.01800.cc-彩虹六号急停| www.728887.com-京东彩票是什么意思| www.yp82.com-天津福彩时时彩玩法| www.111853.com-手机淘彩是真的吗| www.304911.com-体彩十一选五app| www.1346.pw-彩票改时间-| www.926511.com-彩票达人app| www.60gl.com-工商银行彩票平台| www.211685.com-公益福彩-| www.365651.cc-房子彩铅绘画作品| www.029584.com-澳客赢家彩票安卓| www.34022.com-七星彩位数开奖规则| www.050841.com-微信里买快三赚钱| www.192789.com-江西多乐彩任四遗漏| www.965414.com-福利彩票预测总汇| www.mv84.com-江苏体彩七位数玩法| www.76lw.com-七乐彩到几点停售| www.5726.cn-何谓福彩3d-| www.52167.cc-安徽快三助赢手机版| www.050245.com-黑彩定罪-| www.176872.com-福建福利彩票快3| www.305152.com-彩票投注站怎么赚钱| www.426177.com-竞彩虚拟足球| www.567621.com-体彩江苏七位数| www.800116.com-找黑客修改博彩数据| www.971274.com-凤彩网七星彩头尾| www.156013.com-苹果怎么下载好彩客| www.83997.com-令天六开彩开奖结果| www.138808.com-辉腾团队鸿彩平台| www.257276.com-玩彩票怎么能赢| www.378055.com-3抵制天价彩礼3| www.539594.com-创名彩票在线平台| 亿彩网www.108805.com| www.265897.com-宁夏福利彩票双色球| www.805118.com-竞彩软件哪个好| www.170054.com-北京福彩快三走势图| www.425130.com-彩票中心电话号码| www.631619.com-玩时时彩赢了几百万| www.95155.cc-微博足彩推荐| www.115654.com-兰花彩铅画图片| www.658292.com-福彩机器接线图| www.nn27.com-正规竞彩app| www.975742.com-七星彩表-| www.435696.com-体彩收入怎么样| www.7774.net-c彩霸王心论坛| www.835506.com-139彩票网正规吗| www.405710.com-河南福彩积分系统| www.165103.com-铜陵市体彩中心| www.349368.com-合肥福彩中心墩塘| www.505796.com-黑彩举报网站| www.653251.com-8炫彩自助彩票终端| www.35095.com-金彩网挣钱是真的么| www.008646.com-福利彩票是什么性质| www.80lo.com-5块钱彩票能中多少| www.474905.com-亚洲彩票百盛平台| www.901268.com-开奖最快的快三软件| 福彩天下www.801896.com| www.g93.club-排3试机号彩宝网| www.2700.biz-c777彩票主页| www.37055.com-好运彩彩票下载| www.120981.com-福彩3d微信群谁有| www.283275.com-七星彩梦册解梦网| www.766805.com-彩虹糖的美好寓意| www.881047.com-黑客洗劫私彩平台| www.hf47.com-速彩网大发快三计划| www.vt94.com-乐购彩票能不能报警| www.975273.com-彩票群名称大全霸气| www.371611.com-577at彩票-| www.729338.com-福利彩票怎么选数字| www.bc34.com-江苏快三走势跨度图| www.475975.com-福临门彩票-| www.604405.com-688彩票网怎么样| www.456159.com-玩彩票心态-| www.15045.cc-财富赢家报七星彩图| www.28081.cc-快三全部号码多少组| www.684569.com-高频彩投注策略| www.570745.com-60123好彩下载| www.039029.com-甘肃快三网上购买| www.812076.com-乐彩论坛大乐透预测| www.145114.com-什么是基诺型彩票| www.963796.com-手机上玩哪种彩票好| www.228987.com-好彩烟代购-| www.0660.site-福利彩票机怎么换纸| www.947697.com-多彩贵州网邓航简历| www.179377.com-快三算不算赌博| www.786282.com-大赢家时时彩平台|