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天

知道了
彩01彩票 www.52967.cc-青海彩票中奖名单| www.391398.com-三彩连衣裙-| www.739450.com-彩票77ios下载| www.862842.com-3d开奖七乐彩开奖| www.969208.com-天天彩票是真的假的| www.fm4.com-今天安徽福彩快三| www.sx72.com-机选一注七星彩| www.57uo.com-500万开奖彩票| www.59pa.com-七星彩直播间| www.10aj.com-大款买彩票倾家荡产| www.08680.com-彩神通彩票软件骗局| www.82eo.com-足彩比分最高奖金| www.326996.com-酷彩吧平台-| www.606537.com-博盈彩票平台地址| www.790721.com-福彩3d派奖内蒙| www.905353.com-体彩世界杯竞猜| 乐盈彩票www.gy11.com| www.630863.com-彩票6期倍投技巧| www.756683.com-3号彩票是正规的吗| www.844154.com-监管彩票案例| www.910438.com-福彩3d对补关系| www.982934.com-yczx盈彩在线| www.br62.com-幸运快三投注规律| www.05po.com-幼儿彩铅画图片| www.362836.com-雨后出现彩虹的话| www.795021.com-福彩走势图近30期| www.303786.com-福彩天地报在线| www.164005.com-体彩容错是什么意思| www.635337.com-彩票双色球拖胆计算| www.808711.com-天玺彩票是什么| www.939434.com-福彩排列四-| www.xb39.com-快彩王合法吗| www.94go.com-易彩堂是怎么赚钱的| www.688052.com-神兽竞彩团队微信| www.797753.com-九九什么彩票| www.898601.com-竞彩让球什么意思| www.974637.com-七星彩每天几点开奖| www.768.cm-安卓破解版赢彩王| www.231200.cc-购彩平台-| www.184381.com-福彩全图-| www.424922.com-九彩坪-| www.91ig.com-重庆时彩倍投技巧| www.086385.com-极速3d彩票怎么玩| www.82031.com-彩票尾数概率怎么算| www.789129.com-足彩就是坑-| www.892143.com-竞彩足球历史数据| www.993631.com-足彩奖池是多少| www.292509.com-北京快三网官网| www.493444.com-668彩票官网下载| www.705603.com-彩票交流最大的论坛| www.887390.com-下彩彩票客户端下载| www.2gz.cc-为什么打竞彩一直输| www.852224.com-体彩七位数中奖条件| www.67011.com-彩票领奖在哪里领奖| www.018040.com-江苏快3彩票骗局| www.7070.cx-豫彩通官方下载| www.sx69.com-彩票的品种-| www.306306.cc-彩票大浪透开奖结果| www.025905.com-七乐彩开奖今日开奖| www.221963.com-百彩网开奖结果| www.863982.com-体彩黑龙江6加1| 网易彩票www.560121.com| www.86rm.com-全民k歌彩评| www.ao25.com-贵州福彩中心在哪里| www.202848.com-彩票销售平台排行榜| 中国福利彩票www.34788f.com| www.922726.com-注册送白菜的彩票网| www.ei1.com-快三屠龙是什么意思| www.tu67.com-福i彩开奖结果查询| www.87vm.com-彩裙鱼寿命-| www.659531.com-全民彩足-| www.098009.com-网上彩票平台排行| www.928384.com-鸿彩网主页-| www.0123.space-彩色的东西-| www.06911.com-买彩票软件有哪些| www.258271.com-购彩xr-| www.200.xyz-彩吧网app-| www.6743.cm-竞彩网胜平负| www.556342.com-106官网彩色版| www.9616.in-彩色的中国资料| www.39eu.com-彩库资料下载| www.53704.cc-美团自助彩票机| www.va36.com-越南时时彩下载| www.5336.net-132彩票官网注册| www.gz22.com-彩票666下载安装| www.40782.com-一号娱乐彩票| www.065336.com-必赢彩票是黑彩吗| www.183377.com-民间高手破解彩票| www.ra00.com-有没有人玩大发快三| www.013637.com-北京快三反水| www.122417.com-龙虎时时彩的微信群| www.165889.com-快三开奖助手| www.939085.com-139彩票登录不上| www.999195.com-大运彩票手机版登陆| www.iv55.com-福建体彩十一选五| www.dc67.com-白小姐特碼信封彩图| www.xj02.cc-好彩三选号技巧| www.577029.com-人人中彩票解绑| www.dp37.com-118彩票作假| www.533576.com-关于彩票中奖的电影| www.le93.com-全球彩票安卓版下载| www.55282.cc-用概率学计算时时彩| www.706890.com-趣客站时时彩| www.865816.com-快三和值玩法秘诀| www.948225.com-3d好彩网-| www.990935.com-掌中彩手机版| www.gg47.com-go彩票1分快3| www.000666.cc-湖北快三冷号统计表| www.335924.com-体育彩票几个号码| www.970334.com-qg刮刮彩-| www.083970.com-智博彩票代理| www.212378.com-网上哪里可以买彩票| www.633104.com-七彩在线彩票是什么| www.895788.com-江苏快三遗漏查询| www.334696.com-江苏快三查询走势图| www.846883.com-安庆竞彩店交易排行| www.776830.com-福彩小黄人-| www.oy50.com-江苏e球彩中奖表图| www.23378.cc-中国体彩竞彩网首页| www.5518.in-福彩中心加盟| www.45948.com-澳客彩票网电脑板| www.035720.com-广西福彩新快3| www.816056.com-福利彩票角模式倍投| www.009.red-彩运彩票网-| www.817007.com-中华福利彩票网址| www.444756.com-专业彩票助手彩吧| www.467568.com-七彩乐什么时间开奖| www.638899.com-网络购买彩票| www.894467.com-快三过滤器下载| www.999732.com-天天好彩app| www.zc82.com-体彩排列五网上购买| www.705.cm-世界杯足球彩票倍数| www.717829.com-福彩群英会玩法| www.cp976.cc-今日安徽快三开奖| www.408820.com-七星彩购买网| www.8fn.com-彩网乐-| www.126648.com-彩票api接口地址| www.214477.com-j江苏快三计划软件| www.381633.com-排列5彩票-| www.590159.com-3d彩报蓝精灵| www.013130.com-海南七星彩预测图| www.807116.com-彩票网址检测| www.444653.com-金立方彩票插件| www.817962.com-足彩19032期| www.983654.com-北京快三有多少期| 99福彩www.356776.com| www.05857.com-福彩有投注app吗| www.614514.com-挂彩什么意思| www.287266.com-安徽快三骗局| www.297112.com-中信彩票app| www.901355.com-彩票打单技巧| www.11944.cc-口袋彩店官网| www.003291.com-gc国彩27996| www.920317.com-福彩12生肖走势| www.1415.in-重生洪荒之九彩凤凰| www.89325.com-和乐彩票app| www.165112.com-中彩缘软件-| www.781439.com-卓易彩票正规吗| www.966392.com-广西快三推荐一定牛| www.3062.biz-如何加盟彩票投注站| www.07749.cc-高频彩开奖助手| www.82193.com-彩票77不给提现| www.105665.com-大红鹰彩票欢迎你| www.176226.com-福彩快三网-|