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.109062.com-七星彩中了三个数| www.262536.com-下载彩九-| www.817672.com-福客来彩票网址首页| www.931229.com-足彩大神跟单app| www.987864.com-福彩29选7-| www.cs76.com-时时彩娱乐注册平台| www.zt49.com-老建盏有七彩光吗| www.iy0.com-安徽福彩快三结结果| www.352234.com-完美彩票c79登录| www.397932.com-01彩票外挂-| www.581607.com-搏123彩票网站| www.662107.com-易彩网资讯-| www.521233.com-qq微信彩票托| www.607615.com-快三高手私人群| www.728834.com-体彩结果开奖查询| www.wn39.com-内蒙古快三49、期| www.222632.com-快三返点是什么意思| www.88152.com-大乐透复式彩票机选| www.553771.com-山西老张竞彩| www.0687.cm-福彩背景墙设计| www.02782.com-中彩网官方下载| www.pl88.cc-凤彩网-| www.43400.com-派彩的意思是什么| www.069854.com-神彩票-| www.795286.com-女人梦见别人中彩票| www.9964.mobi-天价彩礼政府案例| www.6175.biz-福彩3d玄机解码图| www.4646.wang-买彩票到哪买| www.38335.cc-有知道酷彩吧的吗| www.049480.com-福彩两个公益号| www.198264.cc-青海福利彩票| www.610772.com-四川彩票大奖| www.733999.com-福彩幸运农场技巧| www.864618.com-一手机彩票网站| www.975527.com-火箭彩票安卓apk| www.ft09.com-百盈快三选号技巧| www.01mv.com-生涯彩虹图理解| www.161227.com-中国正规彩票有哪些| www.252123.com-旺彩大乐透预测| www.327368.com-银川福彩大奖| www.412811.com-足彩特约分析师| www.672373.com-大乐透在线彩宝网| www.760657.com-时时彩后三胆码计划| www.919849.com-高仿彩票机出售| www.975451.com-金盾致富团队彩票| www.cai8366.com彩票开奖结果查询| www.qp72.com-时时彩群号-| www.09rd.com-七星彩摇奖机故障| www.17287.cc-下载中国福彩网| www.021459.com-约彩368-| www.025926.com-8号彩票兼职| www.193176.com-快三玩法中奖多少钱| www.34400.cc-上海福彩站点查询| www.000304.com-专业玩彩人-| www.6916.cc-海南七星彩卖奖软件| www.018865.com-足彩购买网站app| www.152271.com-彩票33辅助-| www.379678.com-总想中彩票-| www.943508.com-易盈彩票平台| www.2pq.com-彩票计划007| www.84sm.com-足彩五串一推荐| www.22020.com-人人彩登录-| www.1304.net-福彩3d星期几开奖| www.56331.cc-吉林快三技巧集| www.882569.com-重庆五分彩官方平台| www.544020.com-我要中彩票下载安装| www.225.win-时时彩5星座号| www.011216.com-昨体彩中奖号| www.129824.com-双色球中奖上亿彩民| www.304818.com-快三怎么打才能稳赢| www.456599.com-民政局福彩中心主任| www.603450.com-福利彩票哪年成立的| www.729508.com-新浪爱彩双色球基本| www.859621.com-竞彩提前多久封盘| www.097800.com-百度乐彩票-| www.295605.com-彩88开奖历史号| www.21517.cc-达芬奇密码彩票图表| www.018131.com-豹赢彩票是骗局| www.211331.com-彩报天牛3d图库| www.7239.pw-appcp快乐彩票| www.84255.cc-天津体育彩票app| www.111134.com-易彩大小技巧| www.233820.com-彩票直组任三啥意思| www.632013.com-679彩票官网下载| www.810602.com-7彩乐开奖结果| www.73573.com-福彩字谜总汇大全| www.096300.com-彩宝贝杀号定胆红球| www.207848.com-全民彩官网下载| www.317882.com-永利彩票-| www.979121.com-好彩三奖金是多少| www.14cd.com-七星彩海直播| www.9807.pw-236彩票app-| www.072083.com-87彩店改了-| www.275290.com-3d彩票软件-| www.456146.com-七乐彩奖池查询| www.181459.com-快三彩票倍投表| www.960778.com-彩票网注册送礼金| www.625065.com-斗牛彩票主管| www.9078.vip-中国福彩30选7| www.97899.com-法乙足彩分析| www.123166.com-彩票计划员违法吗| www.259561.com-内蒙福彩3d-| www.sd.com-彩票开奖湖北快3| www.y43.xyz-快乐彩价格-| www.4944.cn-彩9苹果官方下载| www.7950.shop-七彩椒多少钱一斤| www.372310.com-合肥彩票店生意转让| www.533231.com-外国数学家破解彩票| www.72322.com-中国体肓彩票大乐透| www.117630.com-2元彩票下载安装| www.967691.com-快购彩票赛车| www.087082.com-e乐福app福彩| www.258932.com-足彩竞猜分析网站| www.053993.com-海南体彩app下载| www.7444.org-网络购买彩票| 乐彩网www.lcw199.com| www.95348.com-足彩彩票-| www.189749.com-大发快三计划在线| www.028483.com-玩黑彩怎么才能赢钱| www.259038.com-足彩不要买低赔| www.393869.com-今晚彩票开什么号| www.614152.com-吉林市时时彩| www.795552.com-福彩3d综合版| www.sc96.com-集锦福彩快三走势图| www.377973.com-火彩虹-| www.307486.com-七星彩历史-| www.652597.com-爱彩彩票网上网导航| www.870309.com-天游彩票平台登录| www.6806.me-浙江十二选五爱彩乐| www.33935.cc-体彩七位数中奖号| www.92897.com-竞彩黑单最长几天| www.259835.com-彩票买大小的技巧| www.749202.com-中国休育彩票大乐透| www.345653.com-高频彩是什么传销吗| www.576836.com-网络彩票怎么解绑卡| www.699407.com-体彩七乐彩的玩法| www.86ux.com-购彩网拼音怎么拼| www.8215.biz-玖富彩票江西快三| www.81567.com-快三豹子一注中多少| www.099059.com-哪个平台可以买快三| www.295397.com-江苏快三看走势技巧| www.901607.com-南方双彩网3d预测| www.874624.com-彩票怎么玩儿| www.429190.com-水彩画图片人物| www.22897.cc-下载易购彩彩票| www.062857.com-三分彩计划分析| www.195019.com-彩票开奖结果3d| www.382305.com-智慧人彩票软件| www.657547.com-利博彩票网站| www.895763.com-福彩3d合买网| www.95378.com-福利彩票开奖真实吗| www.89304.com-六亿彩票平台| www.152215.com-好彩票软件| www.so4.cc-福彩幸运彩规则| www.88491.com-7072彩票下载| www.412353.com-彩钢扣板门头效果图| www.259775.com-甘肃体彩软件下载| www.371408.com-万福彩票网站| www.583071.com-春秋彩票官网登陆| www.1108.love-福彩体彩历史开奖| www.011423.com-3d彩票大侠三胆| www.565960.com-k彩富民福-| www.664820.com-河南省体彩网点查询| www.750471.com-福彩宝下载-|