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.663678.com-nba彩经哪里看| www.712961.com-河南快三重奖的密码| www.953324.com-乐彩在线平台登录| www.i55.cc-体彩福彩开将结果| www.m97.tv-大奖彩票黑平台举报| www.hh41.com-快三骗人-| www.260418.com-赌博和彩票-| www.084830.com-11选5大彩鯨| www.59747.com-微彩吧靠谱吗| www.279662.com-时时彩万为规律| www.454183.com-app下载乐彩站| www.388470.com-买单双的彩票是什么| www.208378.com-甘肃快三结果查询| www.311771.com-河南快三害死人了| www.722996.com-美国彩票领奖规则| www.sz31.com-微信北京快三信誉群| www.875922.com-竞速快乐彩是骗局| www.21ol.com-河内一分彩app| www.651492.com-群发博彩短信| www.255680.com-彩票店吃票犯法吗| www.972324.com-福彩3d一定牛下载| www.xy00.com-大联盟彩票骗局| www.696001.com-正规的网上彩票平台| www.985024.com-浙江快乐彩11| www.104321.com-昨天彩票开奖| www.665731.com-福彩三d推荐号| www.7168.org-e球彩复式投注表| www.0429.cc-龙珠同志彩漫| www.572136.com-青海福彩每日推荐| www.868833.com-七星彩app平台| 杏彩www.00840c.com| www.54by.com-凯里开发区彩票| www.425800.cc-彩友人工计划| www.556549.com-体彩和福彩双色球| www.643308.com-湖北彩前三值| www.256718.com-中国彩吧3d试机号| www.774238.com-网易彩票黄历软件| www.890554.com-中彩网统计图表| www.989471.com-乐彩走势图-| www.ns80.com-福彩快三属于赌博吗| www.002358.com-安徽快三开-| www.72187.com-93彩票是啥-| www.130546.com-网上博彩黑平台套路| www.309721.com-彩票照片能兑奖吗| www.5510.vip-新昌双彩茶苗| www.266668.com-河北快三玩法技巧| www.815362.com-福利彩票在线投注卡| www.926545.com-购彩lll-| 六福彩票www.66ffa.com| www.110249.com-kc一分快三-| www.606392.com-彩票停售2019| www.967936.com-彩票提现成功未到账| www.fy21.com-快乐彩输-| www.81nh.com-排列三彩神通下载| www.559075.com-三d开机号彩经网| www.706813.com-网上三分彩是假的| www.831144.com-日本买彩票-| www.948320.com-牛彩-| www.lp70.com-中彩网极速快3| www.328718.com-大彩触屏-| www.460093.com-验证手机号码送彩金| www.599340.com-只买一个号的彩票| www.742929.com-竞彩足球怎么玩稳赚| www.948097.com-四川体彩网官方首页| www.cp9895.com-快三和值算法| www.r60.top-福彩3d字迷图| www.951270.com-九号彩票平台登录| www.254808.com-新浪爱彩时时比分| www.496675.com-彩站宝和彩店宝| www.628028.com-百盈快3彩票下载| www.077774.com-福彩网怎么了| 爱购彩票www.335240.com| www.60233.com-国彩网app下载| www.628999.com-新彩吧3d字迷画迷| www.707551.com-乐彩cc33下载| www.7940.biz-彩博网网站是多少| www.076927.com-北京福彩网上投注站| www.863.cm-彩铅画古装人物教程| www.72871.com-彩神爷算胆-| www.774462.com-七乐彩机选十注| www.900027.com-天天竞彩app下载| www.cai3902.com江苏e球彩开奖号码| www.825382.com-竞彩猫有用吗| www.920578.com-体彩36-| www.al04.com-广西福彩快乐十分| www.32aw.com-长沙福利彩票市场| www.2291.cc-彩票免费赠送彩金| www.237703.com-福彩迷安全吗| www.515917.com-购彩网公式规律| www.907268.com-四个数字的彩票推荐| www.613651.com-如何举报网络彩票| www.341576.com-刮刮乐彩票宣传语| www.38yx.com-甘肃张掖彩虹山形成| www.823611.com-彩钢板厚度怎么确定| www.7559.cc-牛牛28彩票平台| www.dc65.com-怎么考取足彩分析师| www.132487.com-8度彩妆加盟代理| www.210686.com-一分彩是不是真的| www.278153.com-快三龙的预兆| www.353139.com-网易彩票电脑端| www.419178.com-宁波竞彩网点| www.748259.com-有兼职叫注册中彩网| www.5208.cm-山西十一选五爱彩乐| www.003147.com-快彩被骗-| www.148444.com-广西福彩中心兑奖室| www.835923.com-好彩牛彩-| www.32231.com-甘肃快三和值计算| www.268509.com-辽宁快三查询结果| www.386154.com-985彩票靠谱吗| www.504879.com-人生没有彩排演讲| www.879633.com-北京新彩网合法吗| www.cp1515.com-安徽福彩快3走势图| www.52387.com-内部万元报彩吧图库| www.66628.com-彩吧3d红五图库| www.822592.com-彩票丢了怎么办| www.899385.com-博发彩票app下载| www.po86.com-选彩票号-| www.4597.biz-彩票中1万元| www.2010.in-彩虹6号干员好玩图| www.01405.com-怎么找玩彩票的玩家| www.55892.com-幸福快3彩票| www.026072.com-十分彩是什么| www.140356.com-258彩票网app| www.237021.com-360混合竞彩足球| www.337568.com-湖北快三在线购买| www.437722.com-小财神彩票-| www.739899.com-彩友吧论坛-| www.515142.com-七星彩三点红长条| www.70132.com-竞彩彩民论坛| www.677166.com-掌上福彩宝典下载| www.805861.com-福彩刮刮乐名称| www.914122.com-59彩票app下載| www.p24.space-体育彩票几个号码| www.5185.vip-天津市想开体育彩票| www.144356.com-足球竞彩数据app| www.237095.com-彩票预测推荐| 彩票坊www.612212.com| www.6961.me-599彩票投诉| www.98180.com-6加1体育彩票| www.8290.top-江西福彩兑奖中心| www.99793.cc-台湾威力彩开奖历史| www.24jo.com-彩膜是不是钢化膜| www.371965.com-快三三角图-| www.509350.com-富东国际彩票| www.588782.com-808彩票合法吗| www.752963.com-雪中彩影-| www.782420.com-快三秒快餐电话新塘| www.005991.com-2019彩票开奖| www.936017.com-幸运五星彩软件| www.17468.com-c59彩票网-| www.75593.com-快三大数据-| www.882361.com-米橙购彩平台| www.964578.com-送彩票不限ip| www.cp6732.com-发彩网-| www.036961.com-01彩票手机-| www.241062.com-彩铅花卉-| www.411484.com-富彩彩票手机版| www.609332.com-福州福彩店转让信息| www.711999.cc-拿彩礼当嫁妆| www.868121.com-南国彩票开奖结果| www.cx70.com-时时彩哪个好app| www.70766.com-彩票领取方式| www.628198.com-彩盈注册网址送88| www.275923.com-10快三网上计划|