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.u13.cc-深圳体彩申请| www.sk38.com-新时时彩基本走势图| www.2119.cm-一分彩彩票软件下载| www.835554.com-大赢家足彩过滤软件| www.999475.com-大运彩票app| www.7lw.com-体彩店网店-| www.4549.vip-七星彩历史开奖注数| www.502631.com-欧洲杯足彩哪里买| www.682749.com-福彩3d图纸第二版| www.852418.com-山东福彩云彩宝下载| www.aj22.com-一定牛彩票网下载| www.2348.vip-彩票三地综合走势图| www.58860.com-彩票开奖上期结果| www.444442.com-体彩的竞彩升级店| www.9754.xyz-足彩精灵-| www.53701.cc-汇盛国际时时彩| www.007677.com-福彩今天开奖结果| www.499423.com-彩003-| www.622588.com-彩票c515-| www.l88.org-快三彩票走势怎么看| www.5974.cc-酷彩官网下载| www.93tf.com-彩色纯色背景图片| www.395581.com-体彩星期六开什么奖| www.424828.com-重庆7时彩-| 亿龍彩票www.1368z.cc| www.345258.com-彩票有中奖的没| www.8055.in-简单创意水彩| www.53827.cc-多彩贵州城-| www.276706.com-福彩快三幕后黑手| www.365109.cc-体育彩票直播摇奖| www.180190.com-彩票驿站大发快三| www.006929.com-体彩任选3技巧| www.4444.bid-快三号码循环周期| www.339547.com-今日圣彩3d字谜| www.67933.com-足彩和赌博区别| www.88947.cc-皇帝彩票图-| www.bw14.com-快三百分百计划| www.687850.com-极速彩app-| www.779237.com-五百彩票开奖查询| www.855337.cc-天齐网彩吧-| www.936287.cc-凤凰彩票网计划| www.993964.com-那个彩票平台最赚钱| www.mi1.cc-快三吉林和值走势图| www.za84.com-春秋彩票登录| www.18yv.com-亿乐彩是黑平台吗| www.89jz.com-倍投彩票能赚钱吗| www.32172.com-足彩比分50-| www.763699.com-2017最准彩神爷| www.910410.com-彩99安卓下载| 亿彩堂www.628867.com| www.3291.win-福利彩票购买时间| www.68er.com-航天彩虹-| www.95eg.com-足彩怎么胆拖| www.3856.vip-竞彩资讯竞彩专家| www.193512.com-长春快三最新开奖| www.282426.com-中国体育彩票开奖网| www.358892.com-七彩祥云表情包| www.610716.com-彩360下载-| www.535026.com-福利彩票三地独胆| www.801585.com-鼎盛彩票-| 易盈彩票www.7793d.com| www.17xm.com-西安苏宁体彩智慧| www.683939.com-怎么加入彩票推店| www.074915.com-深圳福利彩票投注站| www.973346.com-周杰伦彩虹在线试听| www.kt7.cc-福彩快三怎么玩稳赚| www.ua51.com-彩票微信名字| www.9fb.com-濠江彩票天下| www.365648.cc-室内装饰彩铅绘画| www.191362.com-快三走势好坏怎么看| www.276391.com-老时时彩的开奖结果| www.365329.com-甘肃省快三基本上| www.753762.com-搜狗彩票是不是假的| www.108495.com-彩票上瘾是什么症状| www.396098.com-星期天开什么彩票| www.84147.com-陕西彩票领奖在哪里| www.950862.com-上期六台彩开奖特马| www.996416.com-足彩单场专家预测| www.zy8.com-福建福彩网快3| www.222177.com-快三平台官网| www.285739.com-福彩22选5-| www.347937.com-买彩无忧-| www.407702.com-七星彩是真还是假| www.503387.com-鸿博彩票平台安全吗| www.565408.com-南通市竞彩网点| www.621969.com-5福彩票网下载| www.679722.com-私人发行彩票| www.743902.com-8888彩票-| www.801769.com-体彩11选5河北| www.865999.com-491·彩票-| www.917305.com-赢彩彩票骗局| www.968420.com-希腊十分彩-| 亚洲彩www.68568x.com| www.199921.com-北京体彩ll选5| www.016687.com-福彩3d开机号查询| www.112453.com-七乐彩计算器360| www.189874.com-江苏快三预测推荐| www.277941.com-app分分彩票软件| www.364008.com-福彩布衣精华图| www.301256.com-微彩吧是不是骗人的| www.912072.com-家彩网排三开机号| www.cai05.com-安徽体彩11选5| www.lg18.com-全民中彩骗局| www.29556.cc-175000乐彩网| www.362855.com-七星彩奖池现有余额| www.302535.com-七星彩软件下载| www.4891.vip-足彩弟19043期| www.02vp.com-五亿彩票官方网站| www.90zk.com-彩票3d破解方法| www.3274.red-四场进球彩开奖信息| www.04619.com-国家授权彩票app| www.055517.com-怎麽下載福利彩世界| www.b97.cn-江西快三遗漏情况| www.531204.com-9彩彩票注册| www.601542.com-中国体育彩票中奖| www.669067.com-美国人买彩票| www.733301.com-快三套路教学| www.791183.com-宁夏福彩中奖故事| www.867555.com-算局七星彩排列五| www.920400.com-湖北福彩快3下载| www.971708.com-竞彩网上投注合法吗| 六冠彩票www.liuguan000.com| www.fu97.com-河南快三购买技巧| www.tt17.com-网上买足彩正规网站| www.0yn.com-台湾彩虹频道| www.47ih.com-网络彩票鸿博股份| www.251687.com-吉林快三软件微信群| www.585378.com-瑞祥彩云二-| www.661042.com-宝岛国际彩票| www.749880.com-七星彩头奖兑奖| www.813915.com-内蒙古福彩一定牛| www.669656.com-彩票工具之今日运势| www.777202.com-够力七星彩下载软件| www.181215.com-福彩自助快三下载| www.247342.com-湖北快三跨度分布图| www.494952.com-美国博彩app| www.554016.com-湖北快三号码表图片| www.947822.com-彩经网绝杀红球| 易盈彩票www.7793h.com| www.of24.com-河北27号快三开奖| www.69114.com-鸿运彩票怎么查号| www.697753.com-518彩网注册| www.794222.com-彩票也算赌博| www.885161.com-神州竞彩专业版| www.997294.com-彩猫下载-| www.gg12.cc-彩票双色球开奖号码| www.6529.biz-福彩晚秋谜底| www.63171.cc-彩宝彩票安全吗| www.212293.com-神彩争霸合法吗| www.065384.com-福彩88骗局-| www.973242.com-彩虹快刷-| www.1661.cn-如何用五行计算彩票| www.yl77.com-网购彩票被骗| www.75ye.com-快彩网在哪里下载| www.xg26.com-博彩娛樂城-| www.4167.org-东方彩票是黑平台吗| www.326433.com-七星彩兑奖时间多久| www.66129.com-彩票选号怎么选的| www.825971.com-uu彩票直播-| www.183719.com-河北快三专家预测网| www.080069.com-网上彩票规律| www.973694.com-河南省福利彩票官网| www.7530.shop-500彩票实体店| www.8125.biz-黄金8彩票网官网|