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.7398.loan-色彩画人物-| www.b59.biz-江西福彩中大奖| www.17bk.com-西京宝马彩票案| www.84614.com-彩色混凝土多钱一方| www.345148.com-网络购彩500| www.466351.com-七乐彩截止销售时间| www.992660.com-彩95可信吗-| www.ko77.com-彩500大发快3| www.01es.com-形容彩虹美丽的成语| www.912196.com-极速快三正规的吗| www.982573.com-同城彩票官方| www.je33.com-中国竞彩网计算器胜| www.55mv.com-福利彩票租赁平台| www.770746.com-建盏怎么养出七彩光| www.889886.com-七乐彩发行时间| www.y85.pw-福彩中奖号码今天| www.281560.com-时时彩可以作弊吗| www.381948.com-分分彩挂机投注软件| www.8619.cn-彩25app-| www.4331.biz-瑞彩彩票app| www.56392.cc-彩富网app下载| www.019205.com-正规彩票网站平台| www.062656.com-8k彩票稳赚群| www.20953.com-彩状元骗局-| www.78182.cc-彩票的中奖概率是| www.372660.com-吉林省快三贴吧| www.211030.com-炫乐彩票app下载| www.841118.com-彩妆的英文店铺名字| www.936052.com-聚宝盆彩票计划预测| www.273336.com-体彩福彩合开| www.730378.com-鸿彩网骗局-| www.829955.com-盛大彩票下载安装| www.923741.com-江苏五分快三走势图| www.994069.com-9928彩票-| www.gb59.com-体彩三d-| www.p90.shop-中彩彩票手机版下载| www.80cn.cc-福彩三毛图-| www.2243.in-时时彩经验-| www.02127.com-彩经彩票网好不好| www.44351.com-全民竞猜彩票app| www.2830.org-下载好彩投-| www.58317.cc-彩票彩六下载| www.723740.com-彩票中超级大奖| www.833665.com-彩票复式投注计表| www.950.live-七星彩介绍-| www.121555.com-网络彩票输了十几万| www.598565.com-八马彩票平台| www.699225.com-休彩江苏7位数| www.664106.com-七乐彩如何才算中奖| www.87709.com-大资本彩票是怎样的| www.573015.com-ok8us福彩门户| www.cp9287.com-今日中彩app| www.97089.com-古建彩绘漆面颜料| www.268091.com-星彩网首页-| www.cai6755.com快三三不同号怎么玩| www.143605.com-福利彩要双色球| www.024877.com-体育彩票奖池金额| www.198038.com-湖北快三形势走势图| www.fy27.com-网上微信彩票诈骗群| www.413883.com-喝彩到底是什么意思| www.969944.com-燕赵福彩网网页版| www.41738.com-河北省体彩中心电话| www.254434.com-广东福彩快-| www.804365.com-f福建体彩11选5| www.890630.com-立彩彩票官方版| www.956056.com-唯彩足球竞彩网首页| 福彩网www.60007n.com| www.gp55.com-濮阳县彩礼法律规定| www.678372.com-福彩3d大底号| www.757070.com-58代购彩票合法吗| www.818795.com-体彩中心周末兑奖吗| www.322502.com-足彩外围有赢钱的吗| www.38hr.com-用油性彩铅画星空| www.sm02.com-中国重庆时时彩官网| www.8709.loan-彩票开奖查询7位数| www.181861.com-全能中彩彩票app| www.295962.com-时时彩最高连开记录| www.69be.com-亿元中奖彩票| www.83799.com-彩票代理靠什么赚钱| www.036850.com-哪个彩票软件正规| www.124091.com-买彩票的心情诗句| www.28qs.com-幸运十分彩开奖官方| www.50jz.com-足彩盘口分析口诀| www.627951.com-神彩物流被骗视频| www.927269.com-3d福利彩票中两位| www.91rb.com-博彩提现骗局| www.51sz.com-爱彩乐彩票选号器| www.26247.com-马来分分彩走势图| www.558609.com-k彩娱乐官网| www.653675.com-福彩2018035| www.736567.com-彩库宝典下载安装l| www.870657.com-易旺彩票注册| www.958625.com-安徽快三近50期| www.ne09.com-福彩快三网赚群| www.15zt.com-彩发发官网版下载| www.1012.net-福彩快开彩官网| www.550567.cc-火星彩票购彩大厅| www.27637.cc-9188彩票专业版| www.24ng.com-重庆市手机彩膜| www.915009.com-大发快三优信彩票| www.972541.com-彩铅画竹子-| www.cp723.com-今日快三开奖快3| www.ng88.com-彩票软件手机破解版| www.lt22.com-彩票刷水兼职套路| www.q80.cn-广东体彩网十一选五| www.442095.com-体育彩票p3走势| www.532104.com-怎样用巫术买彩票| www.623464.com-竞彩猫网页版| www.0539.site-福彩双旦毒胆| www.625926.com-彩民彩票靠谱么| www.153895.com-中彩在线是怎么回事| www.278286.com-乐盈彩票app下载| www.366353.com-国产彩妆品牌| www.465908.com-利赢国际彩票app| www.093353.com-江苏快三手机平台网| 188彩票www.188932.com| www.ne74.com-购彩大厅下载手机版| www.6559.biz-彩66官方下载安装| www.08282.cc-靠谱的彩票销售系统| www.487803.com-官网福利彩票网址| www.572327.com-今天3d天天彩报| www.677432.com-下载好彩票-| www.809748.com-头彩网是个什么网站| www.910856.com-彩票土豪养成计划图| www.883138.cc-pc彩票可靠吗| www.5756.cm-江苏体彩网上购| www.971271.com-旺彩是正规网站么| www.181006.com-中彩威视软件| www.988928.com-快三二不同怎么选| www.8901.cn-竞彩容易中奖吗| www.69133.cc-体彩福彩哪个挣钱多| www.717657.com-彩铅桃花树-| www.806830.com-亚洲杯足彩玩法| www.878108.com-福利彩票三个号| www.976470.com-168彩票开奖记录| 鑫亿彩www.627069.com| www.385255.com-彩票真的作弊码| www.972322.com-新万彩彩票正规吗| www.482321.com-有一个买彩票叫诺亚| www.884149.com-国际博彩论坛| www.967169.com-彩票撕烂-| www.cai3336.com快3彩票官网一牛网| www.hq17.com-体彩新浪彩票| www.xn13.com-海南时时彩开奖查询| www.36zb.com-足彩二串一猜对比分| www.2286.vip-哪些平台上能买体彩| www.ht86.com-彩乐汇提现是真的吗| www.gc74.com-福建省快三预测| www.011033.com-易迅彩票怎么没有了| www.106208.com-北京五亿彩票大奖| www.93382.cc-澳彩欧赔转换亚盘| www.422080.com-体彩竞彩规则| www.1927.wang-时时彩前二72注| www.997800.com-体彩单场竞猜| www.855914.com-吉祥彩票网-| www.931056.com-南洋彩哪里看开奖| www.981394.com-众博彩票app下载| www.bx79.com-彩票led宣传语| www.e34.club-马来西彩票-| www.979710.com-帝国彩票金管家| www.yy35.com-乐盈彩票全天计划| www.4895.cm-还有什么足彩app| www.833959.com-好彩3玩法-| www.22mq.com-体彩造假-|