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天

知道了
彩票123现在叫什么名字 www.54rf.com-体彩金孔雀中奖率| www.5116.vip-金龙系统彩票| www.17071.com-彩票通资讯完整版| www.68267.com-新未来彩票下载安装| www.081377.com-足彩骗局怎么赚钱| www.158707.com-彩迷彩票-| www.267357.com-竞彩足球开奖详情| www.369608.com-苹果版699彩票| www.488669.com-福彩彩票害人| www.574109.cc-中兴彩票app| www.658319.com-体彩11选五电视版| www.803968.com-中国体彩投注站| www.885479.com-利彩平台合法吗| www.974310.com-动态澳彩足球盘| www.ag44.cc-往期福彩开奖| www.tp46.com-彩票预测算号软件| www.13jn.com-福利彩票哪里领奖| www.91at.com-福彩体彩过年休几天| www.3128.cm-双色球77福彩社区| www.9169.com-海南彩票万字表格式| www.79097.com-高频彩开奖结果| www.038598.com-休彩彩票开奖结果| www.141316.com-山东省福利彩票官网| www.226101.com-彩乐网-| www.306551.com-被澳发彩票黑钱| www.383225.com-体彩一九年第29期| www.545766.com-福利彩票去哪里申请| www.637536.com-上海体彩站点电话| www.733336.com-华夏彩票代理| www.812987.com-随州福彩网站| www.891168.com-红彩会官方网站| www.964052.com-福彩3d教父可信吗| 彩69www.808482.com| www.kd15.com-彩票大全手机网| www.i67.com-彩吧44462-| www.43sh.com-精彩的精意思| www.800.com-体彩通吃-| www.5407.vip-今日开七星彩结果| www.13128.cc-9u官方彩票平台| www.58963.com-拉萨有彩票游戏机吗| www.084898.com-快乐三分彩官网| www.155799.com-体育彩票刮刮乐| www.259143.com-中国体彩竞彩官网| www.334458.com-快钱彩票是合法的吗| www.418588.com-中博彩票网-| www.522228.com-五分彩彩票计划| www.593695.com-七彩云染化电商| www.716349.com-彩铅人物古风| www.796249.com-安徽快三即时开奖| www.879594.com-彩票代理怎么拉客户| www.uu5.cc-彩票高手-| www.sw90.com-彩票双色球啥意思| www.94yj.com-竞彩足球2串1延期| www.3157.biz-星彩网彩票开奖大全| www.8978.org-当今最新彩票走势图| www.61715.cc-大胜彩票违规网站| www.022787.com-黑彩庄家挣钱吗| www.098081.com-体育彩票的购彩技巧| www.168627.com-江苏快三怎么玩| www.277817.com-福彩预测图-| www.365471.cc-福彩3d彩诗迷| www.464545.com-体彩今天预测分析| www.553728.com-竞彩足比分-| www.622131.com-福彩3d图谜报| www.695044.com-竞彩篮球结果| www.773235.com-彩票送50元彩金| www.912842.com-新浪彩票双色球预则| www.971178.com-幸运彩票官网app| www.cx04.com-彩经网河北快三| www.us28.com-中国体彩大乐透| www.09ac.com-手机高频彩-| www.80dj.com-南方彩吧网-| www.1708.xyz-彩工网推荐快三| www.03981.com-麒麟彩币被叫停| www.48698.cc-福利彩票资讯| www.91952.com-青海省福利彩票管网| www.050599.com-河南幸运彩开奖查询| www.167383.com-人人快三投注平台| www.257687.com-安徽快三中奖助手| www.330348.com-网易彩票竞技彩| www.397746.com-用彩铅画荷花图片| www.540600.com-助赢彩票软件官网| www.626417.com-彩票投注app代理| www.697501.com-七星彩哟奖金规则| www.773254.com-探探里带你买彩票| www.878624.com-体彩组三玩法| www.959512.com-老彩民时时彩app| 8号彩票www.60108j.com| www.ga72.com-微信快乐彩骗局| www.xc14.com-快三奖金怎么算| www.14va.com-体彩7星彩结果查询| www.699.date-科彩-| www.4492.cn-竞彩足球新浪| www.9650.com-福利彩票鸡丁刮刮奖| www.62311.com-玩极速时时彩网址| www.021153.com-老谢的彩票专栏| www.091078.com-广西体彩在哪| www.153502.com-时时彩组选包胆规则| www.259922.com-京东彩票合法吗| www.331541.com-彩票走势图分析图解| www.397631.com-3d字谜汇总新彩网| www.537272.com-中彩网3d字谜图谜| www.617234.com-扬州彩票站转让信息| www.685987.com-苏州快三开奖公告| www.761012.com-体彩排列五长条图片| www.868737.com-新浪七星彩-| www.935526.com-那些凤凰彩票导师| www.985023.com-分分时时彩平台官网| www.eh76.com-福彩三地开奖| www.up88.com-澳洲5分彩开奖号码| www.03fw.com-风之彩团队-| www.67bw.com-幸运分分彩网站| www.0518.cm-江苏体彩大乐透官网| www.8865.com-足彩八串一规则| www.75577.com-大佬彩票登录| www.024234.com-新福利彩票543站| www.091927.com-百万彩票合法吗| www.151098.com-福彩三地今日开奖| www.265214.com-广西快三怎样| www.348112.com-广东省福彩中心电话| www.422088.com-刚力彩芽广告| www.515618.com-足彩竞彩年赚一千万| www.579746.com-44彩票黑网-| www.644390.com-彩九吧-| www.768002.com-在中彩网注册没事吧| www.850817.com-蜂巢时时彩万位计划| www.910277.com-彩票哪种中奖率高| www.968548.com-5亿彩票哪里下载| www.cp4194.com-江苏快三计划网页| www.lj34.com-中彩zc38-| www.b19.bid-快三和值跨度表图片| www.24zy.cc-梦见彩票开奖没中奖| www.922.com-南宁彩票代售点申请| www.4646.com-每天有多少人买彩票| www.9470.cn-体彩让球什么意思| www.57095.com-福彩小黄人-| www.006973.com-河南幸运彩号码图| www.068655.com-大奖三分彩-| www.127267.com-uu直播快三网址| www.190996.com-内蒙快三官网开奖| www.254040.com-足彩下单软件| www.316543.com-七星彩票论坛精选| www.376929.com-517菠菜网彩票| www.553016.com-高手网彩票免费资料| www.626409.com-彩彩-| www.686169.com-彩钢瓦机器-| www.752322.com-乐猫彩票电脑版| www.852311.com-2分时时彩下把预测| www.906731.com-中国体彩开奖时间| www.964092.com-168彩票账号| 全民汇彩票www.52303y.com| www.cn26.com-福彩三d双彩论坛| www.ra20.com-极速时时彩参考公式| www.06yv.com-彩铅手绘星空图| www.65kn.com-彩票周几开奖| www.856.date-新浪竟技风暴彩票网| www.4024.org-三弟图库福彩| www.8720.loan-全民彩票足彩开售| www.61515.com-乐博彩票下载| www.009630.com-快三合值表图片| www.066347.com-幸运飞艇是私彩吗| www.122861.com-天天中奖彩票彩金| www.181980.com-那个快三平台稳定| www.245721.com-江苏福彩双色球单式|