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天

知道了
1分快三 www.687768.cc-福彩往期开奖号码| www.320232.com-百宝彩电子走势| www.490016.com-买福彩有什么技巧| www.9769.vip-福彩销售店-| www.il97.com-九州彩票所有软件| www.190371.com-安徽快三免费计划网| www.520644.com-西安网络销售彩票| www.e48.club-hao彩票-| www.664523.com-七乐彩行运天下| www.605771.com-吉祥彩票网站入口| www.677510.com-彩钢板围挡的高度| www.751703.com-足彩世界杯投注| www.132288.cc-世界杯足彩分析预测| www.61jk.com-c38彩票官方版| www.101380.com-中彩在线是什么彩票| www.108179.com-彩票怎么玩稳赢| www.200172.com-河南快三遗漏值| www.281156.com-时时彩投资盈利技巧| www.112702.com-彩票刷反水-| www.9808.vip-七星彩中奖去哪里领| www.715388.com-颖彩双色球独蓝预测| www.803873.com-海南彩资料-| www.959846.com-福彩投单兼职真的吗| 500彩票www.50054o.com| www.019681.com-天天爱彩票合法吗| www.628522.com-新杏彩彩票平台| www.730261.com-万诚彩票-| www.813810.com-腾讯彩票游戏在哪玩| www.919831.com-怎么摇彩票-| www.988556.com-中彩手走势-| www.cp72.com-上海天天彩选四| www.i79.org-3d牛彩图总汇九| www.45518.com-微彩网正规合法吗| www.256972.com-微彩吧苹果app| www.971683.com-大牌彩票app| www.6885.com-大玩家彩票攻略| www.20435.cc-36o竟彩比分直播| www.114804.com-京东彩票网站是什么| www.599023.com-福利彩票27号| www.621659.com-买彩票的地方叫什么| www.739459.com-下载头条彩票| www.865783.com-丰吉娱乐彩票| www.42dy.com-足彩唯彩会-| www.833255.com-赢赢彩app-| www.949017.com-福彩平台刷流水| www.cc70.com-彩票新手入门教程| www.544876.com-粤淘彩票合法吗| www.129383.com-福彩3d彩图大全o| www.254731.com-福建福彩1011| www.355636.com-打彩怎么玩-| www.467558.com-中国体彩足球竞猜网| www.265214.com-广西快三怎样| www.999582.com-福彩排列三试机号码| www.715101.com-中华神彩下载| www.469918.com-美国彩票-| www.nw18.com-中国福彩网快乐十二| www.212349.com-大发快三在线投注| www.062849.com-实时彩票犯法吗| www.584410.com-4747彩票-| www.nv83.com-快三有赚到钱的吗| www.38118.com-大彩网是不是注销了| www.935262.com-辽宁彩票12选5| www.76727.cc-竞彩专家推荐预测号| www.520620.com-快三限号吗-| www.85512.cc-风之彩彩票平台| www.052422.com-姜丽谢俊娟花式快三| www.128397.com-彩吧图库红-| www.vk44.com-易彩骗局官网| www.cp7218.com-快三有人控制吗| www.a32.club-彩票9是提现不了的| www.72yf.com-贵宾室cp彩票| www.297186.com-乐购彩票提现| www.50755.cc-七星彩解诗网| www.068408.com-百万彩票账户安全吗| www.195699.com-全部彩种-| www.270355.com-新彩票软件-| www.3099.net-体彩3历史开奖号码| www.511441.com-五洲彩票提现不了| www.658554.com-彩吧彩票单双大小号| www.742678.com-四川体育彩票开奖| www.807007.cc-体彩出错彩票怎么办| www.874505.com-安徽快三三军计划| www.972379.com-快三游戏中奖规则| www.cp857.cc-快三中奖助手苹果版| www.063461.com-一号庄彩票| www.182835.com-快三一直赚钱| www.295701.com-彩票开奖大全软件| www.429440.com-打地鼠彩虹伞目标| www.mg44.com-中原彩票下载| www.49im.com-快三计划模拟器| www.448727.com-麒麟彩票是什么| www.569996.com-彩票三d开奖多少钱| www.705030.com-全民智投彩票正规吗| www.796110.com-买福彩有技巧吗| www.2lp.com-体彩11选五靠谱吗| www.105998.com-牛蛙彩正版资料大全| www.152403.com-竞彩足球百家欧赔| www.323392.com-特区七星彩头尾论坛| www.421808.com-福彩3d奖是多少钱| www.555696.com-大快三彩票下载安装| www.611760.com-体彩机怎么充值| www.60uw.com-体彩排三杀码专家| www.22570.com-星彩月英孙尚香无惨| www.2sj.com-体彩竞彩一注多少钱| www.470046.com-足彩外围哪里合法| www.501326.com-中国体彩app苹果| www.699032.com-彩神网彩票-| www.813404.com-福彩15选5第一位| www.529275.com-彩虹的花束游戏| www.363564.com-古桥和彩虹阅读理解| www.480433.com-数字三彩通-| www.580029.com-七星彩全文txt| www.656504.com-易购彩网址-| www.788271.com-2019年彩礼法律| www.871405.com-新湖北快三走势图| www.974731.com-七星南国彩票论坛| www.lt9.cc-快三和值表-| www.sn72.com-河内五分彩app| www.33si.com-19003七星彩| www.td17.com-红色是彩色吗| www.0395.net-福彩时时彩玩法中奖| www.28913.com-浙江彩票开奖| www.66460.com-全民汇彩票官网| www.029795.com-国民彩票官网下载| www.1641.pro-南方双彩五行走势图| www.784458.com-乐彩彩票网站合法吗| www.44wv.com-uc彩票技巧-| www.381837.com-肥城体育彩票| www.375370.com-海南七星彩现| www.695353.com-竞彩反倍投-| www.957060.com-网络彩票修改器| www.cp870.cc-大发快三有什么规律| www.32855.cc-江苏体育彩票订购| www.69tp.com-手机买彩票如何领奖| www.4420.in-玩快彩真的能赚钱吗| www.30fo.com-昨晚出的彩票是多少| www.0347.com-什么叫杀时时彩跨度| www.85018.com-体彩店有兑奖返点吗| www.840155.com-ig彩-| www.sk06.com-在国外开设私彩平台| www.205507.com-福彩喜乐彩开奖结果| www.8089.net-怎么玩彩赚钱| www.371165.com-爱投彩票怎么不能买| www.632252.com-500快三彩票| www.603921.com-职业彩票玩家生活| www.982738.com-新盈彩靠谱吗| www.oy79.com-福彩开奖l_-| www.9147.biz-彩娱乐平台登录| www.112950.cc-广州鸣彩公司靠谱吗| www.153602.com-体育竞彩-| www.287171.com-分分彩千万不能玩| www.548533.com-f彩网注册邀请码| www.1264.me-七乐彩走势图30| www.51713.cc-福彩3d天中网| www.041808.com-竞彩足球中奖规则| www.176786.com-新快三街机游戏| www.sj24.com-竞彩足球直播比分| www.1288.in-代理快三是骗局揭秘| www.74077.com-彩票最多可追加几期| www.17292.cc-彩神计划免费版| www.385778.com-九万彩票是否可靠| www.184351.com-体彩排列3走势图| www.710427.com-刷彩是骗局吗| www.917972.com-彩虹图片卡通|