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.8321.top-最近七星彩图规| www.112888.com-台湾快三开奖直播| www.613719.com-福彩先充值在拉群| www.775905.com-赢发彩票官网| www.896633.com-篮彩看盘技巧| www.994503.com-重庆赛车彩票技巧| www.rt56.com-福彩3d下载安装| www.755134.com-炫彩彩票软件| www.867797.com-彩神通今日推荐号码| www.972264.com-福彩3d开奖直播| www.af95.com-河南快三遗漏值| www.zv92.com-足彩开挂-| www.63kx.com-彩金怎么卖-| www.1931.com-河南福彩中心招聘| www.9213.tv-航天彩虹民企| www.95322.com-竞彩足球外围比分| www.635843.com-彩虹六号大盾墨冰| www.1042.org-有没有好的快三平台| www.8634.cm-中英彩票app| www.302400.com-江苏快三综合走势版| www.800489.com-体育彩票3d试机号| www.7269.com-彩虹6号无人机干员| www.655919.com-玩彩票怎么玩不赔| www.764829.com-彩票网站制作有哪些| www.855276.com-体彩机选中奖故事| www.665007.com-保定朝阳南大街福彩| www.794443.com-重庆寸时彩开奖号码| www.874361.com-大发快三和值预测| 彩票大家乐www.21202y.com| www.ie42.com-三d走势彩经网| www.220087.com-快三定胆杀码技巧| www.508638.com-武汉体育彩票兑奖| www.645011.com-给几个彩票开奖网站| www.151786.com-505彩票是真的吗| www.93eh.com-体彩排列3大赢家| www.vm17.com-手机彩票提现失败| www.11044.com-360足球彩票混合| www.69226.cc-66彩票app-| www.035565.com-彩票广告-| www.107055.com-福彩跑马-| www.001816.com-福彩3d鲛人鲨| www.sj61.cc-彩app送彩金| www.977868.com-七星彩10期开奖| www.nj5.cc-精彩十分-| www.129098.com-福彩一个星期开几次| www.604530.com-千万彩票如何下载| www.852654.com-168彩票苹果| www.929766.com-最新彩票指南彩报纸| 百姓彩票www.bxcp3.com| www.ic80.com-福彩江苏快三靠谱吗| www.a67.top-快三网上猜赔率| www.22rk.com-梁平彩票-| www.166783.com-福建快三555| www.260652.com-福彩在线是赌博吗| 大赢家彩票平台www.187152.com| www.hf49.com-掌中彩彩票平台| www.a29.cn-彩票七七下载手机版| www.8352.cn-福彩幸运二-| www.60867.com-足球彩票在线过滤| www.010408.com-大奖网彩票电脑版| www.89rk.com-竞彩八串一今日推荐| www.3450.vip-存1元送彩金平台| www.688643.com-甘肃彩票网-| www.30844.com-彩票中奖可靠嘛| www.5157.biz-美高梅快三平台| www.15116.cc-彩票篮球中奖规则| www.65792.com-彩运来手机登录网址| www.173747.com-加盟彩票站要多少钱| www.40837.com-附近体彩站点| www.65030.com-竞彩足球太黑了| www.55356.cc-时时彩四星大底教程| www.cp7310.com-福彩三地走势图| www.zc03.cc-甘肃福彩中心电话| www.71992.cc-世界杯足球竞猜彩票| www.137824.com-尊彩彩票平台| www.2863.cn-箭牌彩虹糖有几款| www.203560.com-广西快三福利彩| www.251930.com-中彩网网址是多少| www.960129.cc-七星彩票送彩金| www.9fj.com-22彩票官方-| www.663737.com-南宁市福彩中心地址| www.806696.com-刮彩票能不能中| www.937506.com-销售时时彩彩票软件| 13e彩票www.973390.com| www.uv88.com-八八彩票登录平台| www.060075.com-快开彩qq群-| www.731021.com-vr彩票官方网站| www.829294.com-66网赌彩票-| www.gr24.com-新彩吧字谜-| www.755547.com-快乐彩5分钟| www.349693.com-乐彩网3d首页一| www.238064.com-爱彩乐11-| www.315968.com-今天彩民乐图| www.379458.com-宝马彩线路导航| www.064905.com-福彩3d口诀组三| www.165006.com-安徽体彩中心领导| www.31717.cc-易彩彩票走势算法| www.86395.cc-如何画新彩线条| www.9429.com-福彩3d应用公式| www.xt14.com-彩虹六号玩家后遗症| www.441036.com-魔幻炫彩粒子| www.804132.com-买彩票有限额吗| www.886101.com-彩库宝典苹果手机版| www.dd69.com-彩票多少钱一注| 天朝彩票www.57189.cc| www.48270.com-陆慧明看今天足彩| www.89008.com-耀州彩票店转让信息| www.217479.com-快三破解器好用吗| www.0554.loan-体彩排3报纸| www.50330.com-凤凰彩票平台可信吗| www.875720.com-梦见买彩票没中奖| www.4668.wang-买彩票一次都没中过| www.019882.com-支持花呗的彩票软件| www.792357.com-彩票兑奖码是什么| www.890049.com-快三猜大小单双技巧| www.963172.com-彩票顶呱刮平台| 聚彩网www.707619.com| www.li68.cc-彩票306官网| www.58bt.com-福彩小助手下载安装| www.ep09.com-快三定胆杀码技巧| www.115551.com-星空下的鹿彩铅画| www.q33.com-购买彩票app| www.916004.com-重庆时时彩彩注册| www.827353.com-苹果x原彩显示没有| www.961952.com-买足球彩票有风险吗| www.266687.com-快三彩票兼职骗局| www.qy3.com-快三三分彩-| www.d88.biz-福利彩票147期| www.900365.cc-e彩乐app-| www.616306.com-竞彩复式三串三| www.88436.cc-英国彩票官网| www.505240.com-竞彩怎么打票教程| www.030347.com-彩票大赢家双色球| www.118559.com-怎么想最容易中彩票| www.33ro.com-中国竞彩官方软件| www.35532.com-那些彩票是合法的| www.347498.com-乐福彩票靠谱吗| www.974942.com-棒棒彩票下载安装| www.54ee.com-彩票中奖电影有哪些| www.4007.cn-澳门福彩有哪些| www.08493.com-136亿彩票-| www.090118.com-福彩双色球历史数据| www.200122.com-搜狐体彩福彩网| www.p89.cc-彩票开奖开源接口| www.90vw.com-宝马彩票平台q| www.745687.com-彩票断组方法技巧| www.182113.com-下载北京彩票快3| www.226021.com-安全的网上购彩平台| www.299586.com-凤凰彩票网靠谱吗| www.374963.com-查看彩票中奖号码| www.274682.com-分分彩互刷方案| www.ro09.com-彩之源平台合法吗| www.188324.com-快三之家破解器| www.98509.com-分分彩是真吗| www.222687.com-比较稳江苏快三计划| www.cp606.cc-湖北福彩快三遗漏| www.551236.com-中国福利体彩大乐透| www.771537.com-开彩票店去哪里申请| www.0739.org-体彩e彩-| www.8248.cc-东方彩票网是多少| www.229346.com-百盈快三是真是假| www.958977.com-福彩3d藏机图| www.709407.com-广州体彩大乐透领奖| www.794689.cc-网络快三彩票赌博|