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.zv02.com-彩之家彩票网址| www.35783.cc-福利彩票兼职赚钱吗| www.95739.com-澳客足彩手机网| www.105234.com-皇冠竞彩官网| www.199428.com-体彩排列五中奖号| www.668877.cc-美狮彩票不能提款| www.760733.com-超级时时彩助手| www.846438.com-体彩福彩合并申请书| www.929000.com-玩彩网网址是多少| www.998021.com-好运来彩票网址| www.de53.com-体彩千里马预测| www.230.site-体彩小程序破解| www.267448.com-彩票筛选工具| www.19oq.com-天天竞猜足球彩票| www.951040.com-大发时时彩投注技巧| www.132354.com-河南彩礼立法| www.726078.com-福利彩票中奖真假| www.8891.cm-足彩最多可以穿几场| www.52616.com-好彩烟怎么鉴定真假| www.036644.com-福彩3d组三组六| www.213515.com-福建快三中奖金额| www.960579.com-注册送彩的彩票| www.678297.com-手机乐彩论坛首页| www.0060.xyz-彩票名字大全百度| www.50899.cc-博发彩票合法吗| www.220727.com-手机中彩网zucp| www.368488.com-七彩星txt-| www.772007.com-彩票自动投注app| www.5sd.com-游客在日本中了彩票| www.85qx.com-彩票店不能过户| www.654309.com-久久彩票苹果版| www.577216.com-常平彩乐糖果厂| www.661924.com-竞彩为什么这么难中| www.744366.com-苹果彩票手机网站| www.816664.com-昨晚福彩开什么奖| www.493815.com-立即购买双色球彩票| www.578971.com-体彩扑克3-| www.662252.com-七彩乐开奖-| www.739081.com-数字三彩神通苹果版| www.809269.com-中彩票头奖概率| www.878422.com-财富彩票是真的吗| www.962497.com-福彩双色球兑奖期限| www.cp422.com-极速快三怎么玩稳赚| www.398281.com-七星彩周日几点开奖| www.622009.com-80cc彩票-| www.692121.com-时时彩官网-| www.768393.com-时时彩开奖彩经网| www.wi54.com-今日体彩福彩开奖| www.282295.com-黑彩时时彩-| www.033846.com-凤凰彩世界下载| www.120339.com-五分彩官网app| www.531987.com-大学生破解彩票获刑| www.522495.com-极速时时彩真的假的| www.611558.com-福利体育彩票中奖| www.42576.com-网络彩票停售| www.080987.com-江苏体彩7位数玩法| www.379751.com-彩票运作-| www.295131.com-彩吧图谜总汇| www.784000.com-彩99新版-| www.579101.com-9万彩票手机版| www.638.in-分分3d彩网站| www.bh12.com-黑彩快三技巧| www.866102.com-艾彩论坛-| www.17337.com-首存送彩金2017| www.156884.com-谁有中福快三邀请码| www.842988.com-竞彩怎么算返还率| www.205672.com-幸运快三计划群| www.92568.cc-一定牛彩票苹果版| www.568653.com-中华彩票下载ios| www.ps78.com-黑龙江哈尔滨快三| www.25eq.com-星空彩票提现| www.283265.com-有8位数的彩票吗| www.lc38.com-内蒙古时时彩开奖| www.662570.com-国彩信息竞彩推荐| 优点彩票www.139630.com| www.82pj.cc-体育彩票余额| www.684442.com-极速快三选号技巧| www.768800.cc-众恒彩票平台| www.584818.com-台湾十分彩怎么追号| www.6764.xyz-如意彩票下-| www.526950.com-u9彩票安卓版| www.689305.com-51彩票网址多少| www.796348.com-尊彩彩票真的吗| www.505988.com-盛彩彩票注册| www.hf97.com-福彩快3福建昨天| www.055046.cc-彩票青蛙彩导航| www.128911.com-彩民在线直播| www.219307.com-吉林快三百科| www.040468.com-华夏彩票怎么登录| www.8650.org-福彩堂高手彩票| www.86nu.com-查今天七乐彩开奖号| www.356510.com-买水果送彩票| www.2073.pw-旺彩百家-| www.8911.net-手机牛彩-| www.28666.cc-福彩双色球106期| www.64433.cc-皇冠足彩跟单软件| www.767705.com-华彩赢家彩票是什么| www.872295.com-乐彩网下载安装| www.950475.com-体彩走势图排列3| 购彩网www.79gcw.com| www.as41.com-一分钟网络彩票| www.pb74.com-福彩视频彩票怎么玩| www.t27.club-永诚彩票网下载| www.35tz.com-美人鱼彩票下载安装| www.249833.com-湖北福彩手机客户端| www.8567.loan-福利彩票推荐差| www.049168.com-永利棋牌彩票| www.124467.com-攻破彩票-| www.457813.com-中国福利彩票文章| www.466449.com-七乐彩10个号中4| www.dx18.com-易彩快三准确计划| www.0073.org-福彩1d怎么买| www.280606.com-福彩3d彩报第三版| www.8595.loan-情人节买彩票| www.577441.cc-环彩彩票网平台| www.683665.com-时时彩追热没输过| www.846063.com-年轻人该不该买彩票| www.947362.com-新彩吧图迷字谜| www.cp919.com-湖北省快三开奖结果| www.295900.com-查七星彩开奖结果| www.983436.com-快三和值投注技巧| www.ra42.com-玩快三赢钱的人多吗| www.593.website世博彩app哪里下| www.598066.com-九b彩票-| www.697090.com-2018年体育彩票| www.771714.com-南粤风釆好彩3中奖| www.901488.com-幸运快三开奖结记录| www.975293.com-黑马彩票-| www.cp600.com-大发时彩主页| www.nu55.com-打彩票算赌博吗| www.m26.bid-广西今天快三走势图| www.277215.com-彩钢单板围挡| www.750471.com-福彩宝下载-| www.878771.com-竞彩什么叫双平| www.11551.cc-八亿彩软件是什么| www.cai9833.com快三开奖助手安卓版| www.619893.com-彩色纸箱厂家批发| www.799797.com-福彩视频直播| www.cl72.com-河北省快三走勢| www.8156.vip-今晚双色彩球开奖号| www.801971.com-福利彩票小助手官网| www.70274.com-大发快三走势一览表| www.185087.com-彩票868-| www.319610.com-足彩推荐分析预测| www.235036.com-中国彩票下载手机版| www.17591.cc-广西体彩官网app| www.0144.net-彩色怎么造句| www.9108.in-七乐彩全年开奖结果| www.71379.com-上海足彩-| www.075707.com-彩6彩票手机版下载| www.190132.com-全国彩票开奖询查| www.308163.com-76858彩票-| www.1dw.com-玩彩代理怎么发展人| www.14524.com-辽宁全运彩开奖| www.07313.com-928彩-| www.55411.com-七星彩中奖规| www.au90.com-彩神争霸llapp| www.438678.com-五彩缤纷的意思| www.217511.com-福建福利彩票官网| www.394172.com-新浪电脑版彩票首页| www.312361.com-七乐彩41中多少| www.495527.com-以太坊博彩dapp| www.64994.com-三d试机号乐彩网| www.331122.cc-彩票3d走势图连线|