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天

知道了
百盈PK10 www.567598.com-3d中奖彩票图| www.72357.com-福彩双色球投注| www.171255.com-上海快三开奖| www.085196.com-4s彩票开奖-| www.947312.com-14彩票-| www.787111.cc-海南七星彩开码结果| www.696.live-篮球彩票算加时吗| www.37827.cc-彩票234-| www.367960.com-大众彩票网app| www.190.org-彩铅的简单画法| www.2356.xyz-彩票中奖提现不了| www.17811.cc-做竞彩怎么拉人| www.xp59.com-下载十一选五买彩票| www.987453.com-皇元彩票网平台| www.gg18.com-下载快三走势图| www.082637.com-惠民彩票是黑平台| www.ec02.com-福彩快三3有规律吗| www.o88.xyz-中彩票父母领算谁的| www.273583.com-于海彩票案-| www.368325.com-七星彩txt微盘| www.6036.cn-昭通市福彩中心| www.781338.com-恒彩88登录地址| www.954763.com-彩福是不是正规平台| www.cai679.com-快三破解器-| www.sc85.com-官方分分彩网址| www.0746.love-七星彩梦书解梦查询| www.45280.com-中彩网视频频道| www.145637.com-基诺彩票游戏| www.264945.com-17500乐彩论坛| www.357639.com-数学家计算彩票公式| www.495090.com-高频彩有没有规律| www.611180.com-微彩吧官方站| www.702062.com-足球竞彩投注| www.779353.com-七星彩开奖网易直播| www.859849.com-云彩店app下载| www.926607.com-瑞彩网可靠吗| www.982645.com-彩之星-| www.bx84.com-彩票专业彩吧助手| www.k68.me-上海快三手机版| www.267376.com-下载五百万彩票| www.396480.com-彩虹画儿童画图片| www.571286.com-波彩之家app| www.660021.com-南国彩票七星彩网| www.759679.com-安卓版大中华彩票| www.834407.com-日免软好彩价格| www.904386.com-彩神v官网-| www.977365.cc-福彩3d定位胆技巧| www.nl8.com-湖北快三专用走势图| www.957418.com-足彩任九开奖| www.679293.com-彩票上瘾-| www.802241.com-赢百万彩票app| www.893987.com-99彩票骗局-| www.97796.cc-彩光嫩肤去红血丝| www.171167.com-体彩排列五开奖| www.98750.com-中国竞彩足球首页| www.657437.com-大乐透好久停止购彩| www.869032.com-11选5彩票牛人| www.ny.com-宁夏福彩快三开奖号| www.wc99.cc-快三中奖中多少| www.0933.vip-竞彩合买网-| www.34536.cc-激励买彩票的句子| www.98829.com-江苏快三有赢钱的人| www.072116.com-包头彩票站双机转让| www.9391.win-网络赌彩平台| www.862377.com-公益福彩彩种| www.986774.com-哪个购彩平台最大| www.ai77.com-福彩3d谜语-| www.0ax.com-彩铅画作品梅花| www.732011.com-河南人彩礼最低多少| www.40922.com-亚洲彩票登-| www.012365.com-一定牛彩票推荐| www.16re.com-体彩图谜第四版| www.309555.com-快三网上怎么买| www.9624.xyz-二分彩开奖结果查询| www.0312.cn-哪一类彩票销量最好| www.797881.com-快彩娱乐app| www.149300.com-极速快三计划团队| www.460920.com-澳门皇冠彩票手机版| www.689844.com-凤凰微彩官网| www.905160.com-江苏快三高手| www.64qm.com-中央彩票公益金个人| www.217392.com-五星彩开奖结果| www.429190.com-水彩画图片人物| www.687478.com-出名的彩票销售系统| www.895913.com-推荐的彩票合买源码| 天天中彩www.072211.com| www.577099.com-七星彩直播开奖搜狐| www.673238.com-236彩票app-| www.748888.com-苏州老快三开奖结果| www.894462.com-查彩票各省中奖| 91彩票网www.912484.com| www.dr32.com-网上快三如何赚钱| www.7185.biz-在黑彩站打工犯法吗| www.323708.com-金七乐百宝彩| www.4846.top-河南福彩中心官网| www.18772.cc-128福彩官网| www.84055.cc-彩票中心兑奖给支票| www.059888.com-如何玩福利彩票| www.vk7.com-今晚七星彩开奖结果| www.253488.com-快三开号码根据什么| www.374108.com-好彩丨开奖-| www.527946.com-儿童彩色画-| www.613340.com-被重庆时时彩票骗局| www.680952.com-彩票讨论-| www.757717.com-福利彩票复试计算器| www.817488.com-信用盘彩票平台| www.02jw.com-彩虹映脸男生头像| www.717948.com-彩票一组是什么意思| www.801105.com-500cc彩-| www.867530.com-体彩481黄金组合| www.931168.com-体彩和值表-| www.982561.com-同城彩票官方网站| 大赢家彩票平台www.976731.com| www.102575.com-中彩网注册-| www.205066.com-内蒙快三第50期| www.42469.com-3d彩票几点停售| www.2984.vip-澳洲时时采彩玩法| www.20205.com-体彩283包2-| www.86189.com-体彩竞彩怎样兑奖| www.060043.com-天天彩4基本走势图| www.165516.com-全民赢彩票官方版| www.964032.com-彩票分析师是什么| www.cai5533.com幸运快三计划| 博友彩www.371e.cc| www.hu74.com-五分快三走势图开奖| www.p93.net-博大彩票能玩吗| www.595498.com-靠谱的足彩论坛| www.759017.com-爱乐购彩票官网登录| 汇发彩票www.hf5882.com| www.89658.cc-幸运快三大小怎么玩| www.066543.com-900彩票正规吗| www.133926.com-雷语好彩一预测| www.211940.com-幸运彩河南省福彩网| www.287683.com-彩票合买的优势| www.905792.com-众网彩票是骗局吗| www.994997.com-中福1分快三的网址| www.sf65.com-时时彩作假有意思吗| www.55vf.com-幸运快三投注大小| www.1989.in-中华彩票安卓下载| www.08325.com-福利彩票励志广告| www.787873.com-158彩票官方网站| www.871252.com-福彩彩吧图迷第一版| www.923395.com-买彩票可靠吗| www.984816.com-黑彩代理犯法吗| www.ou5.cc-11选5彩票-| www.665337.com-四川体彩金七乐版| www.722879.com-吉祥彩票合法吗| www.786664.com-花样快三套路教学| www.849837.com-二分钱买二分彩| www.894116.com-手机彩票软件靠谱么| www.949048.com-玛雅吧玩彩票是骗局| www.990594.com-南京彩票店转让| www.vx1.cc-今晚七星彩开什么奖| www.239676.com-潮信彩票群-| www.344443.com-彩票交流群是真的吗| www.008.cx-港彩豹坛网址ww| www.3778.in-大玩家彩票下载安装| www.9934.cc-彩票3d规律图| www.27qx.com-全彩漫画3d版| www.509195.com-3d彩民开机号| www.576431.com-福利彩票倍数001| www.628486.com-合乐彩官网-| www.677849.com-彩票机怎么装纸图解| www.750003.com-金牛彩票下载|