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.079825.com-福彩3d之新彩网| www.973495.com-陕西榆泉快三| www.tg79.com-福彩快3跨度走势图| www.95229.cc-彩票平台改数据| www.002.site-怎样分析彩票走势| www.406644.com-济南结婚彩礼| www.98110.com-竞彩首页计算| www.914001.com-购买彩票的网站| PK彩票www.www.23040.com| www.424926.com-汽车装饰七彩| www.541370.cc-怎样在彩票平台稳赚| www.0308.top-釉下彩餐具多少钱| www.z66.top-开奖网高频彩走势| www.131500.com-四川广元彩礼价目表| www.197873.com-福利彩票开奖走势图| www.773112.com-天际彩-| www.836096.com-快彩有哪些-| www.935219.com-彩乐网手机最快开奖| 亿万彩票www.345597.com| www.307688.com-彩票派彩是什么意思| www.263584.com-中彩网综合走势图| www.350918.com-彩票现在还有人买吗| www.428812.com-苏州福彩兑奖处| www.535567.com-彩之堂app-| www.051196.com-可以彩票合买的软件| www.96360.com-甘肃体彩11选5开| www.4933.wang-彩票打码是什么| www.16405.com-3d福彩怎么玩法| www.sy11.cc-七星彩彩票简介| www.356649.com-宁波年会彩票| www.184387.com-不要机选彩票| www.273546.com-彩票作假-| www.773119.com-网络交友买彩票| www.892801.com-大明成化描金珐琅彩| 网易彩票www.140599.com| www.al92.com-福彩青蛙过河一等奖| www.49gu.com-排列3走势图彩乐乐| www.055041.cc-彩票1011-| www.386038.com-天津七星彩开奖| www.552987.com-福彩高频彩软件| www.642589.com-排3彩票字母含义| www.768007.com-常州福彩店转让| www.879567.com-福彩都有哪几种玩法| www.970400.com-天天乐彩输的荡产| www.13ze.com-海南飞鱼彩票安全吗| www.90ja.com-福彩3d能买复式吗| www.7658.cm-体彩柜台最新| www.50185.com-网络彩票怎么举报| www.004043.com-福彩乐透app官网| www.107490.com-彩22作弊器-| www.215566.cc-全天彩票实时计划| www.318945.com-高频快开彩票规则| www.31jk.com-查一下的福利彩票| www.367750.com-彩铅画人物古风全身| www.qn40.com-电脑彩八肖图报| www.007.la-体彩和值遗漏分析| www.706579.com-嘉兴福利彩票阮春| www.723509.com-福建彩票大奖| www.807018.com-7号彩票怎么样| www.894903.com-双色球购彩车| www.957446.com-红牛彩票是真的吗| 世彩堂www.5854q.cc| www.912962.com-体彩三等奖-| www.985667.com-933彩票官方| www.82fr.com-澳门彩开马-| www.11098.cc-足彩在哪找-| www.8966.com-福利彩票双色球自选| www.09rx.com-京东快彩-| www.775.biz-陕西有快三吗| www.fy99.com-福彩作弊事件视频| www.10355.com-亚盘足彩-| www.288649.com-彩票达人合法吗| www.368517.com-体彩最新开奖查询| www.cz43.com-幸运一分快三| www.658233.com-关于彩票电视剧| www.792561.com-福彩彩票机怎么操作| www.911300.com-k彩正规吗-| www.999535.com-彩票微信群公告范文| www.qp66.com-江苏快三走势图牛| www.46au.com-懂球帝足彩能提现吗| www.896278.com-瑞彩-| www.970015.com-南方双彩网下载| www.cai2077.com北京快三玩法介绍| www.id84.com-手机买彩票中一等奖| www.740377.com-盛彩彩票平台怎么样| www.910089.com-彩报国库-| www.cp0707.com-一分快三破解版下载| www.34ow.com-彩运来官网登录下载| www.915670.com-彩票店怎么开费用| www.5756.biz-浙江福彩大奖| www.55221.com-足球彩票送彩金| www.633552.cc-462彩票-| www.456725.com-时时彩开奖app| www.953012.com-手机买体育彩票| www.051626.com-星光彩票网站| www.85la.com-呼市转彩票机流程| www.2467.cc-今天3d天天彩报| www.8464.pw-大发彩票下载官网| www.187839.com-七星彩中二个多少钱| www.267637.com-中国体育彩票玩法| www.339294.com-深圳福利彩票官網| www.447586.com-足彩投资宝典txt| www.fk85.com-免费彩票全天计划| www.239400.com-网赌快三亲身经历| www.231152.com-欧冠购彩万博app| www.723526.com-贵州快三遗漏数据| www.803445.com-海南福彩快2网站| www.37534.com-中彩网擂台赛点评| www.220977.com-手机版彩票助赢| www.360218.com-高频彩票新规则| www.58579.cc-时时中彩网站| www.632697.com-中国福利彩票网规则| www.726684.com-玩转彩票app下载| www.974676.com-网上能够购买体彩吗| www.gd41.com-福彩快三是真是假| www.54516.com-618彩票官网下载| www.92541.com-l立彩-| www.0311.link-彩票一八年几号开售| www.98io.com-彩8提现消限制| www.5436.top-体彩三走势图| www.104637.com-uu快三是什么| www.175706.com-大发快三彩票走势图| www.235435.com-福彩快三单注奖金| www.299916.com-彩票热号冷号判断| www.358397.com-中国彩票大王杨光华| www.64259.com-官网彩票-| www.751633.com-每日彩票-| www.846236.com-彩票是不是太假了| www.916042.com-辽宁彩票非法兑奖案| www.966474.com-全球彩靠谱吗| 网易彩票www.36788l.com| www.iz88.com-福彩七乐彩游戏玩法| www.xa27.com-搜索贵州快三开奖| www.303911.com-福建福彩3d走势图| www.25898.com-彩虹翻唱-| www.254787.com-时时彩后三混选全包| www.820721.com-彩钢瓦多少钱一吨| www.872873.com-福彩怎么加盟| www.937981.com-梦见彩票号码| www.xc34.com-河北福彩排列七玩法| www.46ax.com-头奖彩票官方下载| www.611048.com-快三内蒙开奖| www.727395.com-杏彩平台测速| www.826762.com-太阳2彩票能玩么| www.933098.com-众信彩票官网| www.cy.cc-网络快三是真的吗| www.47hw.com-金手指南胜负彩| www.2131.com-体彩19048开奖| www.20720.cc-360竞彩足彩| www.813882.com-体彩排列三复式票| www.931217.com-江苏体彩兑奖规则| www.cai1911.com快三过五是什么意思| www.wl86.com-安徽快三怎么玩稳赢| www.896266.com-瑞彩网能赚钱吗| www.972346.com-中彩那天-| www.9660.biz-三d手机彩宝网网| www.581539.com-福彩乡三d开奖| www.000654.com-福彩多彩网下载| www.47557.com-好彩妹干将莫邪| www.365298.cc-彩票网注册送彩金| www.463017.com-环球彩票站-| www.539034.com-众乐彩票坑不坑| www.605666.com-大乐透旺彩网走势图| www.665727.com-六百万彩票网|