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天

知道了
亚洲28 www.zt27.com-竞彩网计算器比分| www.526271.com-上海福彩手机客户端| www.690710.com-澳客网彩-| www.899681.com-快乐十分钟彩票平台| www.tk8.com-爱彩乐计划-| www.805623.com-福彩十元刮刮乐图片| www.910570.com-宝乐彩-| www.974934.com-彩票查询结果七星彩| www.cai4622.com1分快三今日走势图| www.349809.com-周一销售什么彩票| www.451593.com-太原彩票中心| www.558221.com-高手彩宝贝杀号| www.624686.com-速8彩票正规吗| www.708090.cc-汇发彩金app| www.325092.com-彩票吧吧-| www.32658.com-希望手游彩票官网| www.005087.com-彩票坊我的账户| www.114866.com-福彩3d胆码图采摘| www.76ad.com-澳洲五分彩骗人| www.2489.cm-福彩万能五码| www.8409.com-网易彩票现场直播| www.cp0167.com-贵州快三助手| www.638688.cc-浦东新区体彩中心| www.781655.com-代办彩票店-| www.888752.com-78彩票下载安装| 500彩票www.573477.com| www.840020.com-凤凰网竞彩推荐| www.cm09.com-湖北快三遗漏号| www.506353.com-博彩主论坛-| www.420226.com-彩票直销-| www.530070.com-重庆时时彩小鹿助手| www.611511.com-长春3d彩报-| www.691597.com-烟台福利彩票官网| www.829249.com-微信卖彩票违法吗| www.913277.com-好彩客是不是真的| www.996551.com-快乐彩12开奖号码| www.ay07.com-百姓彩票网猜单双| www.882997.com-买快彩网能挣钱吗| www.978918.com-36选7好彩1走势| www.90123.com-下载七彩视频| www.3aw.com-彩票计划群套路| www.2624.cn-淘彩网是官网吗| www.657480.com-体彩7排列3开奖号| www.095381.com-困难福利彩票加盟| www.223509.com-奥克网足球彩票| www.323912.com-乐彩彩票能提现吗| www.398372.com-摇摇乐彩票合法吗| www.045369.com-彩神通4码准| www.980008.cc-彩票担保人-| www.bf85.com-黑彩平台漏洞刷钱| www.745164.com-c02彩票登录平台| www.158783.com-彩票站app官方网| www.239169.com-刷彩是什么兼职| www.04488.com-足彩代买app| www.72261.com-中国福利彩票图片| www.413114.com-365彩票图片| www.526581.com-多宝彩票手机版下载| www.667287.com-哪个彩票容易中奖| www.754870.com-信誉好的时时彩软件| www.756392.com-58彩票网有几年啦| www.842227.com-福利彩票心得体会| www.900940.com-秀才老汉福彩3d| www.959250.com-高德中国彩平台| 福利彩票www.8039y.com| www.399781.com-7星彩论坛808| www.512676.com-彩铅图画大全| www.581321.com-玩彩了是什么意思| www.646722.com-小鹿网络时时彩计划| www.719236.com-形容彩虹的比喻句| www.791242.com-快三彩票计划兼职| www.859957.com-彩票平台软件出租| www.915760.com-彩票店可以转让吗| www.970642.com-福彩3b基本走势图| www.cp9345.com-旺彩软件大全| www.53722.com-时时彩腾龙手机官网| www.095695.com-南国彩票论坛规| www.227353.com-官方有三分快三| www.032925.com-七星彩机选号码| www.4320.tv-鑫彩科技-| www.11247.com-吉林快三平台出租| www.030862.com-彩61安全吗-| www.119413.com-中国全民快三| www.197903.com-体彩11河北-| www.291210.com-百姓彩票网投| www.365387.cc-福彩双码遗漏| www.148655.com-25选15彩票-| www.212979.com-今日拼搏在线彩神通| www.788261.com-香港6和彩开奖结果| www.168744.com-安徽快三一定| www.36246.com-彩帝网页-| www.949413.com-易彩娱乐用户登陆| PK彩票www.183699.com| www.51700.com-天津时时彩开奖号码| www.556055.com-体彩做假-| www.14dg.com-中国胆王福彩| www.652386.com-澳门合法彩票平台| www.326.website彩票狂人王成周近况| www.971043.com-福彩机选20选5| www.cp5539.com-1分快三全天计划| www.nn13.com-足彩反买-| www.4165.biz-七彩云官网-| www.140211.com-彩99能提现吗| www.511.in-保定福彩站-| www.18922.com-福彩3d开奖软件| www.917676.cc-彩库宝典下载并安装| www.994235.com-五星彩票平台官网| www.kg16.com-苹果版彩票软件| www.m78.mobi-cp999彩票下载| www.696267.com-安徽快3彩票| www.m70.me-下载网冠彩app| www.1451.tv-彩铅画初学者简单| www.7101.cm-长沙七彩-| www.761.me-256彩票官网登录| www.01617.com-江苏快三走势图振幅| www.151908.com-全彩汇平台注册| www.310036.com-延吉体彩中心在哪里| www.478132.com-众投彩合法吗| www.572591.com-福彩五码组六遗漏| www.661049.com-最新注册彩票送彩金| www.739432.com-九九集团彩票| www.666663.com-彩宝网彩票-| www.269135.com-98彩票网安全吗| www.373881.com-王者彩票网地址| www.7794.net-孤独的博彩高手| www.613486.com-高频彩票实体店| www.698777.com-彩铅画画教程图解| www.790691.com-高频彩伪随机数规律| www.899385.com-博发彩票app下载| www.138.org-彩虹屁是好是坏| www.7057.vip-468彩票官网| www.27225.cc-新宝彩票网-| www.2jf.com-冠军彩票网-| www.42la.com-年2鱼玩彩猜一字| www.380056.com-足球彩票提成是多少| www.525149.com-皇家科技时时彩| www.587198.com-买天天彩票被骗| www.644661.com-七乐彩规律与技巧| www.708608.com-多赢彩票官方网| www.785859.com-江苏体彩7位数| www.48pl.com-澳门网上博彩能赢吗| www.301200.com-下载南方双彩软件| www.397021.com-体彩组选最大遗漏| www.515279.com-彩票七星中奖规则| www.609374.com-大发云至诚彩票被黑| www.269453.com-打错彩票的赔偿案例| www.384719.com-彩票考试-| www.69596.com-九九集团快三| www.14ue.com-澳客七星彩-| www.32175.com-306彩票官网| www.0128.top-威尼斯彩色岛怎么去| www.h18.name-江苏爱彩票-| www.9295.site-乐彩客安全吗| www.36541.com-彩票5官网下载| www.69469.com-最好的竞彩投注计划| www.5787.vip-品彩旗舰店-| www.225032.com-五分彩秘籍-| www.247669.com-湖南福利彩票3d| www.1479.net-博友彩真的假的| www.960842.com-福利彩票6十1| www.16mx.com-uk彩-| www.420323.com-9亿彩票的计划网| www.837527.com-立彩网站-| www.019377.com-搜索彩票双色球| www.t37.xyz-武汉彩民双色球|