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.67aj.com-体育彩票一年销售额| www.680927.com-今日彩票另一个版本| www.868227.com-信博彩票官方网站| www.kx68.com-大发快三是谁发行的| www.35ql.com-青岛体彩网上投注| www.62546.com-领先团队网络彩票| www.025635.com-陕西福彩官方网站| www.115047.com-福彩3d图迷-| www.fk43.com-内蒙古福彩下载| www.62tr.com-福利彩票转让费| www.16776.cc-辽宁省体育彩票中心| www.fv42.com-投资福彩快三| www.82fr.com-澳门彩开马-| www.zo86.com-7号彩票app下载| www.84000.com-七星彩开奖综合| www.nm39.com-中国足球竞彩app| www.921928.com-彩神争vlll苹果| www.am36.cc-易旺彩票-| www.w40.top-今天体彩七星彩开奖| www.781567.com-七星彩开彩直播| www.624321.com-333彩网账号| www.721602.com-彩票代理跟投软件| 500彩票www.50788m.com| www.358932.com-姚记彩票会骗人吗| www.502915.com-玩私彩赢钱被黑| www.585708.com-期乐彩走试图| www.666993.com-下载福彩3d矩阵图| www.745677.com-大彩网没更新| www.51568.com-福彩中奖号是多少| www.373559.com-伯乐彩票-| www.16po.com-夫妻俩幻想中彩票| www.771264.com-彩虹六号进不去游戏| www.351902.com-1314彩票-| www.667184.com-lotter彩票-| www.774675.com-彩瑞彩网彩票平台| www.859433.com-体彩前三开奖号码| www.934880.com-广西快三精准计划| www.cp9908.com-易彩快3规律| www.281387.com-五星彩票开奖结果| www.384889.com-加你qq带你玩彩票| www.6789.me-彩票过了时间去看| www.41ld.com-广东体彩大乐透官网| www.09ps.com-福建体彩音乐聊天室| www.10wt.com-四季彩是正规平台吗| www.ll10.com-福利彩票网app| www.19cc.com-百合男骗局彩票股市| www.663988.com-时事彩五星独胆| www.755050.com-一分钟一期彩票玩法| www.866188.com-腾讯彩票ios| www.951428.com-500足球彩票比分| 正点彩票网www.681048.com| www.15378.cc-嘉兴福彩官网| www.992855.com-福彩单双大小技巧| www.190933.com-幸运快三骗局| www.140410.com-北京福彩中心工作| www.28266.cc-常州体彩中心| www.052098.com-彩票现金平台出租| www.6128.in-七乐彩介绍-| www.48019.com-搜索体育彩票七星彩| www.76ay.com-打彩怎么才能稳输呢| www.697.website竞彩顺口溜-| www.280845.com-时时彩后三直选规律| www.388564.com-武警迷彩图片| www.490868.com-刮刮乐彩票透视器| www.566908.com-幺兰彩-| www.637210.com-福彩303app-| www.755497.com-微信代玩幸运快三| www.816915.com-每天都有人中彩票吗| www.269453.com-打错彩票的赔偿案例| www.367988.com-刚力彩芽强捧| www.1770.club-好彩会员资料| www.844466.com-福彩都包括什么| www.cai3044.com体育彩票快3| www.518348.com-中国胆王彩吧论坛| www.567571.com-百姓彩票正规吗| www.826822.com-开体育彩票竞彩店| www.905451.com-世界杯的足彩怎么买| www.990271.com-体育彩票几个数| www.hg87.com-快三最佳买二不同法| www.532813.com-正规合法的彩票网站| www.397742.com-七星彩梦解-| www.221.xyz-三分钟时时彩规律| www.9044.cn-上海银彩通合法吗| www.704806.com-中国福彩中奖规则图| www.8397.in-彩票中奖怎么兑| www.45781.com-福彩选大小-| www.175690.com-内蒙快三推荐号码| www.325965.com-合彩王中王开奖结果| www.526913.com-竟彩稳胆-| www.1787.xyz-如何入侵高频彩| www.619708.com-三d彩票术语| www.866322.com-手机福彩体彩足彩网| www.961726.com-彩友网免费资料| www.oj02.com-吉林市福利彩票| www.26du.cc-趣彩彩票注册| www.872.pw-彩铅画桃花树| www.02220.com-大乐透杀号搜狗彩票| www.85883.cc-app星彩娱乐| www.722257.com-整体彩铅画图片大全| www.820848.com-七星彩新浪爱彩| www.897734.com-餐厅送彩票宣传语| www.954968.com-福利彩票走势图表| www.998356.com-福利彩票举报电话| www.bw38.com-广东天彩查-| www.5229.biz-双色球派彩网| www.618698.com-19050体彩开奖| www.712829.com-玩分分彩输了好多钱| www.77yi.com-非法卖足彩-| www.77451.com-高效办理的体育彩票| www.059009.com-中国体育彩票走视图| www.97527.cc-竞彩足球是不是假的| www.398183.com-体彩七星几点开奖| www.139042.com-同城彩票下载| www.82188.com-国外彩票网-| www.055715.com-快三输了怎么| www.167295.com-快三是国家允许吗| www.036355.com-九七年彩银熊猫银币| www.yp61.com-龙胜彩票app| www.534679.com-九彩霸王花-| www.617618.com-彩礼钱什么时候给| www.1937.link-500万彩票怎么样| www.9334.com-中国福利彩票王云戈| www.396345.com-福彩世界-| www.500784.com-彩色胶片发明时间| www.566158.com-火星彩票主页| www.410323.com-三十六选七彩票开奖| www.550485.com-白菜博彩的网址| www.595893.com-猎豹彩票是否合法| www.680956.com-七星彩怎么做代理| www.782498.com-十一选五江苏爱彩乐| www.846851.com-古建筑彩绘报价| www.908818.com-香港六星彩-| www.052410.com-江苏快三套利| www.292756.com-福彩快三好假坑人| www.364234.com-彩虹日记100字| www.440822.com-体彩11选五拖胆| www.612255.com-可以买足彩软件| www.670460.com-七星彩打什么奖今晚| www.173215.com-大发快三平台网址| www.083333.com-蓝冠彩票网-| www.7617.biz-体育彩票门头审批| www.30876.com-8k彩票app主页| www.83167.com-竞彩让球欧赔分析| www.285627.com-玩彩票足球赢钱大吗| www.438822.com-国家彩票代理商加盟| www.554180.com-两字体育彩票术语| www.620938.com-黑马彩票计划软件| www.698122.com-体彩浙江75540| www.771566.com-时时彩庄家作弊| www.832289.com-七彩影院苹果版| www.889304.com-如意彩票官网网址| www.972046.com-印尼五分彩开奖记录| www.5010.me-吉祥彩票网站可靠吗| www.23047.cc-手机彩票买大小单双| www.531569.com-买彩票中奖的经历| www.86044.com-彩涂铝生产线| www.948784.com-万彩吧双色球| 大赢家彩票网www.930155.com| www.599025.com-火箭彩票网咋提现| www.bt67.com-49彩票集团软件| 博友彩www.321693.com| www.51ts.cc-彩票随机两注| www.58tu.com-体彩号码怎么选| www.77203.com-体彩店装修内部图片|