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.406830.com-今期七星彩长条最新| www.6986.wang-05彩票-| www.35593.cc-彩票杀号专家| www.87077.com-宝乐彩是正规的吗| www.188158.com-中国体彩香港快3| www.340088.com-恶搞中奖彩票图片| www.fm55.com-分分快三真的假的| www.654267.com-彩票要怎么买才能中| www.791966.com-注册成功彩票| www.899387.com-博发彩票官方网站| www.973767.com-彩吧论坛、首页| www.cp859.com-高手教你玩uu快三| www.qy16.cc-分分彩计划手机版| www.02oy.com-菲律宾网络彩票工作| www.74ew.com-排三预测乐彩| www.271874.com-快三外挂软件管用吗| www.137661.com-彩钟-| www.256543.com-公益彩票是真的吗| www.49lb.com-北京人人彩-| www.909739.com-乐和彩首页-| www.je21.com-足彩竞彩网计算器| www.339641.com-网上博彩公司| www.574543.com-703彩票、资料| www.qf47.com-76cp彩票下载| www.11965.com-山东彩票手机投注| www.47kc.com-足球竞彩胜平负推荐| www.037393.com-彩票缩水软件手机| www.76qx.com-七乐彩售卖时间| www.610655.com-彩票领奖作假| www.cai799.cc-福彩快三中奖规则| www.7446.vip-上海申请体彩开店| www.700237.com-辽宁省体彩中心位置| www.14vd.com-山东体彩地址| www.652750.com-贵州快三垮度| www.do7.com-湖北快三一定流| www.382330.com-创名彩票怎么样| www.31zj.com-釉上彩餐具有毒吗| www.66853.cc-不用彩票能兑奖吗| www.po12.com-彩神争8大发快三| www.631765.com-湖北快3彩票| www.vz9.com-七星彩今晚开奖预测| www.659557.com-2001年彩票大奖| www.011552.cc-什么彩票星期三开奖| 亿彩堂www.87668h.com| www.us17.com-重庆快三怎么玩| www.678924.com-秒送彩金游戏| www.1236.wang-彩世界下载app| www.568220.com-体彩机如何提现| www.140073.com-西安彩票站投诉电话| www.260666.com-各省彩票最大奖| www.738414.com-沈阳快三查询| www.1924.vip-深圳体育彩票店申请| www.26380.com-今日3d天天彩图| www.212813.com-私彩凤凰娱乐靠谱吗| www.363160.com-福彩3d三字诀字谜| www.42845.com-存送彩金-| www.cp923.com-福建体彩网官方网站| www.n96.cc-玩彩与心态-| www.31811.cc-最新胜负彩结果| www.326352.com-网易彩票红球杀号| www.09855.com-51彩票怎么注册| www.010040.com-足球彩票图片| www.59566.com-吉林彩票开奖查询| www.133121.com-快三对子共有多少| www.38013.com-8861彩票-| www.86671.com-体彩手游彩-| www.040180.com-彩票如何才是中奖| www.118233.com-18彩票官方下载| www.79117.com-哪家手机彩彯合法| www.14411.com-安庆福彩快三| www.76267.com-足彩开奖最新消息| www.24977.com-彩铅画对幼儿的好处| www.0615.cn-怎么开设彩票平台| www.0360.in-彩票怎么杀号| www.bo37.com-95彩票下载-| www.310870.com-彩票趋势分析法| www.487608.com-中国福利彩票站盈利| www.619173.com-老牛足彩-| www.286603.com-福彩小军三版| www.427592.com-彩王缩水软件| www.617197.com-4oo5oo好彩堂| www.627147.com-728彩票是真的吗| www.719646.com-今天快乐彩开奖号码| www.796586.com-体彩竞猜输了好多钱| www.865717.com-快三龙多少期| www.934588.com-即时彩app-| www.980107.com-彩票员招聘-| www.hk27.com-湖北快三是国家的吗| www.wj85.com-怎么看快三要出长龙| www.922588.com-足彩培训师闫勇| www.7575.hk-星彩app-| www.2984.org-爱购彩票网官网首页| www.642801.com-彩汪汪双色球预测| www.128004.com-123彩票开奖公告| www.72332.com-大钱庄彩票是真是假| www.m86.shop-十选五彩票玩法| www.ww67.com-彩票预测大全下载| www.16jt.com-七号彩票网址| www.338.date-海南海口七星彩长条| www.885990.com-时时中彩票在线登录| www.977166.com-河南濮阳彩礼多少钱| www.b36.com-福彩助手能买彩票吗| www.861070.com-时时彩20分钟开奖| www.rr72.com-七星彩结果-| www.38976.cc-中彩在线提现不了| www.76272.com-福彩怎么守号| www.026513.com-电竞博彩软件| www.3559.la-世界上彩票最小奖金| www.22589.com-九州彩票合法吗| www.mt7.com-福彩快三哪个平台好| www.315980.com-体彩所有店内效果图| www.451884.com-彩票网线路检测| www.551761.com-彩票买几个数字| www.617315.com-冠赢彩票首页| www.688915.com-网上怎么买3d彩票| www.760737.com-中华彩票电子报纸| www.818054.com-19025期胜负彩| www.889555.com-凤凰彩票app大全| www.963017.com-彩票计划网超准版| www.rq42.com-时时彩规则改了| www.08999.cc-福彩3d交流群| www.50958.com-彩75app-| www.688260.com-福利彩票关注公众号| www.238021.com-发彩-| www.298686.com-日本彩票开奖查询| www.1494.vip-真实雨后彩虹图片| www.9333.date-5937彩票网址| www.31805.com-福利彩票3d走式图| www.283.bid-彩票系统技术| www.0721.cn-七彩乐一等奖多少钱| www.46iw.com-彩金项链图片| www.97116.cc-网彩pc蛋蛋-| www.071044.com-足彩分析师哪个最好| www.144825.com-免费申请彩金88元| www.664686.com-七星彩票规律图规| www.850017.com-中国竞彩网官方网页| www.940338.com-吉林快三半顺规律| www.b00.pw-福彩开奖日是哪几天| www.810814.com-玄学买彩票-| www.876584.com-私彩代理怎么拉人| www.935488.com-彩神机器-| www.977663.com-世界杯彩票网| 开心彩票www.257015.com| www.42250.com-彩经网为什么打不开| www.cp9725.com-福彩手机购彩app| www.ep72.com-兼职中彩在线靠谱吗| www.13237.cc-公益体彩乐善人生| www.06ty.com-上期体彩出什么号| www.5810.cc-福彩3d黑胜手图| www.03103.com-中彩娱乐中彩在线| www.48516.com-外围足彩下载| www.97359.com-彩票818的真假| www.885127.com-神州彩票址-| www.947815.com-安微省福彩发行中心| www.982559.com-同城彩票app| www.bi72.com-怎么做快三彩票网站| www.6776.org-下载aqq购彩| www.16377.com-查昨天福彩开奖号码| www.217018.com-网上玩快三犯法吗| www.63633.com-河北福彩快开快3| www.014198.com-海南七星彩下期预测| www.089225.com-168彩票正规吗| www.26409.com-七星彩胆拖计算器| www.96332.com-足彩单关有什么技巧|