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.mk87.com-加微信送38彩金| www.276340.com-香港行政快三预测| www.2469.cn-王成周中彩票的公式| www.567546.com-苏州市福利彩票| www.662278.com-福彩历史返奖率| www.940668.com-乐彩网3d折线图| 万利www.32123n.com| www.dy06.com-京快三是国平台| www.00xy.com-彩虹山的形成过程| www.44467.cc-创富彩票平台下载| www.025935.com-百胜彩票软件| www.878497.com-假彩票网站骗局| www.129411.com-网购彩票是骗局吗| www.227675.com-福彩网一分快三技巧| www.136114.com-怎样申请彩票投注站| www.315200.com-福彩7乐彩中奖规则| www.88496.com-58彩票-| www.1177.xyz-买彩票亏了很多钱| YY彩票www.yy63.com| www.907380.com-vr3分彩开奖历史| www.992455.com-期星彩开奖结果查询| www.gf62.com-网上快三彩票合法吗| www.184155.com-河北快三套同选说明| www.671976.com-亚博彩票在哪里下载| www.770366.com-福彩快三太黑了| www.853383.com-彩客化学股票| www.917012.com-彩铅画图片简单卡通| www.975103.com-查一下子体彩| www.cai8499.com今天福彩出奖结果| www.ks22.com-中国上海福利快三| www.001.cx-彩神提现被退回| www.789149.com-胜负彩可以机选吗| www.875288.com-江苏快三群-| www.960186.com-竞彩宝ios-| 金利丰彩票www.630958.com| www.517739.com-国家体彩中心| www.605828.com-七彩蛋电影院| www.34pw.com-时时彩肋赢官方| 幸运彩票www.768299.com| www.mv8.com-内蒙快三冷号| www.g08.top-海南私彩怎么玩| www.876175.com-体彩排列三天使断组| www.977131.com-河南那边的彩礼多少| www.09ks.com-一起博彩票官方网站| www.449.net-彩票分析培训靠谱么| www.yd87.com-好彩官方版-| www.488977.com-天福彩票骗人的吗| www.164753.com-彩票新闻真假| www.512610.com-秋天树林道路彩铅画| www.598251.com-2286期七星彩| www.704178.com-足球篮球体育彩票| www.392691.com-彩票网站推广联盟| www.520048.com-福彩12选5限号了| www.636157.com-彩虹6号第四年季票| www.780007.com-福彩3d讲座-| www.943088.com-苹果手机上的好彩票| www.971004.com-福彩快三概率计算| www.ej.com-快三彩票规则| www.dq6.com-彩种最全的彩票平台| www.8201.org-正好彩票网排三历史| www.92766.cc-立彩网址-| www.156990.com-易彩网兼职是真的吗| www.986883.com-彩金彩卷高手彩富网| www.397026.com-神圣时彩计划官网| www.350368.com-分分钟时时彩计划| www.804808.com-时时彩开奖软件安卓| www.929932.com-北京全民星彩机版| E彩堂www.9818p.cc| www.245267.com-中福彩票不给提款| www.459.in-彩宝贝杀号定胆3d| www.864141.com-体彩任选5中奖规则| www.191780.com-上海快三助手αpp| www.703110.com-合乐彩票多少人被骗| www.833235.com-彩5下载app-| www.974107.com-彩民在线网站| www.1qn.com-大发快三怎么刷水的| www.65mh.com-印尼五分彩骗人| www.697536.com-贵州1分快3彩票| www.3053.win-进球彩app怎么样| www.612951.com-福彩3d千元晚报| www.701669.com-捷报网足彩专家分析| 皇家彩票www.hj0555.com| www.88kw.com-大庄家彩票网| www.cai1277.com福彩精彩十分走势图| www.12el.com-肥东体彩中大奖| www.0856.cn-体彩查询大乐透| www.041139.com-周口彩票地坪厂家| www.503676.com-购彩须知-| www.796168.com-中彩网高手博彩论坛| www.388552.com-数码迷彩图片| www.98620.com-最新胜负彩奖金| www.94bq.com-外围体彩网站| 天天彩票www.1035u.com| www.01611.com-足彩推荐靠谱的软件| www.6460.com-天空彩开奖现场报码| www.21430.com-境外网络彩票诈骗| www.679505.com-福彩3d计划网页| www.811532.com-3d彩票站吧-| www.920800.com-七彩彩票-| www.qs41.com-千亿彩票官网| www.692600.com-98彩票网安卓| www.772500.com-正彩娱平台注册| www.853894.com-万彩动画大师手机版| www.922915.com-体育彩票的盈利| www.977246.com-国家规定彩礼多少| www.id8.com-内蒙古快三49、期| www.pl56.com-彩钢瓦-| www.917744.com-彩虹六号本子| www.979389.com-芙蓉王五彩缤纷香烟| www.et.com-快3彩票哪个软件好| www.ks55.cc-白小姐六开彩开奖| www.16vy.com-排三开奖乐彩网| www.076917.com-跟彩票计划的技巧| www.1xq.cc-a3彩色打印机连供| www.310116.com-山东省体彩中心位置| www.055566.cc-彩票有几种类型| www.375548.com-福彩三d今日字谜| www.751664.com-端彩祥云是违法的吗| www.837343.com-3分快彩-| www.915618.com-福彩网点申请和利润| www.oj75.com-乐彩小狂人-| www.29qr.com-明天彩票开奖吗| www.029895.com-大连市体彩领奖地址| www.307337.com-韩国彩票领奖| www.870024.com-河北快三冷号统计图| www.967538.com-体彩排列五选号软件| www.11182.com-足彩四场进球对阵表| www.78991.cc-多乐彩51期-| www.zq63.com-3d彩票开奖信息| www.712661.com-朋友拉我玩分分彩| 818合彩www.www.1555hc.com| www.136306.com-广西体育彩票杯| www.bw10.com-江苏快三助手下| www.872140.com-体彩排列三字谜论坛| www.965645.com-卓易彩票提现不了| 500彩票www.50026m.com| www.213.online-三毛足彩app| www.538584.com-赢彩票开奖-| www.619721.com-田伟足彩18002| www.695396.com-足彩m串n-| www.773201.com-微彩网址-| www.562139.com-爱购彩彩票-| www.869173.com-七星彩晴予今晚荐号| 华人彩票www.480840.com| www.81498.com-快三豹通什么意思| www.659403.com-七星彩票开什么奖了| www.692528.com-乐乐彩票是什么| www.807414.com-黑金博士时时彩计划| www.878787.com-体育彩票玩法说明| www.947551.com-概率学买彩票| 500彩票www.50054f.com| www.hc68.cc-彩票256下载| www.2so.com-体彩转让注意事项| www.59kl.com-竞彩258彩票骗局| www.125201.com-双色球彩票中奖| www.648062.com-时时彩害人的故事| www.27wp.com-分分彩总和大小技巧| www.0285.org-彩票行业发展| www.139982.com-体育彩票查询结果| www.0083.cn-彩票店时时彩规则| www.387666.cc-双色球兰州彩民| www.254181.com-福彩自助下载安装| www.1nl.com-体彩店可以转让吗| www.47dm.com-七乐彩201走势图|