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.509804.com-567彩票推荐版| www.39jr.com-陕西彩礼-| www.006645.com-体育彩票三等奖奖金| www.081604.com-3d山西彩民乐今天| www.340205.com-玩吉彩彩票规律| www.024196.com-福彩六加一生肖规则| www.610151.com-手机上玩彩票违法吗| www.851850.com-秒开时时彩破解版| www.14dn.com-湖北快三牛一定| www.793379.com-赌博送彩金-| www.301173.com-南方双彩旧版| www.126790.com-彩铅画人物古风教程| www.535057.com-福彩3d布衣精华| www.18sm.cc-重庆时时彩购买官网| www.7888.vip-天天快三彩票| www.041099.com-彩票赚钱软件下载| www.255853.com-吉林快三有窍门吗| www.9891.net-汇丰彩票怎么样| www.874056.com-快开彩票怎么玩| www.hu58.com-彩吧图迷-| www.3767.cc-港彩网投49倍| www.hg55.cc-广西快三一中奖助手| www.09co.com-中彩网开奖首页| www.238.com-实体彩票店发展| www.3921.cn-今日七星彩图片大全| www.9590.biz-安徽体彩竞彩| www.50838.com-乐赢彩票平台稳吗| www.685011.com-彩票天吉论坛| www.897004.com-彩3彩票官方网站| www.cp5337.com-快三开奖结果爱彩乐| www.875090.com-下载258足球竞彩| www.15ll.com-山东福彩领奖地址| www.947415.com-合法的网上彩票网站| www.1438.vip-彩神vi代理邀请码| www.60607.cc-云南十一选5爰彩乐| www.453382.com-熊猫国际彩-| www.60095.com-11选五5黑彩| www.334114.com-博大彩票能玩吗| www.97hw.com-彩排的心情说说| www.213239.com-快三分析软件哪个好| www.38333.cc-网络购彩骗局| www.5315.biz-微信为什么没有彩票| www.377308.com-福彩店对联-| www.627515.com-福彩3d走势图软件| www.9671.net-今天篮球体彩开奖| www.68828.cc-彩票做号-| www.049908.com-天下彩开奖l结果| www.910056.com-一点通彩吧图| 七星乐www.535666e.com| www.wo14.com-人人中彩票小福仙| www.gb00.com-快乐彩走势-| www.55ff.cc-pk彩票开户-| www.4310.cm-如何看时时彩k线图| www.462844.com-体彩p3图谜-| www.682844.com-彩票终端机-| www.970031.com-云南彩票开奖信息| www.dq08.com-省份快三是怎么回事| www.523733.com-福彩双色球攻略大全| www.682232.com-彩票app微信提现| www.99wp.com-排三彩彩票-| www.03378.com-海南七星彩诈骗新闻| www.6104.vip-调查农村天价彩礼| www.52153.cc-彩票分析预测大乐透| www.96683.cc-湖南龙山彩票事件| www.636359.com-彩虹糖痘痘机| www.918708.com-u9彩票下载-| www.ap70.com-甘肃快三一定牛推测| www.130.gg-无线幻彩控制器| www.274161.com-重庆时时彩开奖宝典| www.3560.com-重庆时时彩赛车| www.98662.cc-竞彩足球分析技巧| www.142541.com-彩运8导师-| www.308085.com-白银福利彩票站| www.03158.com-澳门彩票slot| www.89475.com-义乌市体彩管理中心| www.084537.com-彩22平台-| www.zm56.com-体彩任九的玩法| www.60hj.com-双色球购彩大厅机选| www.50449.com-七星彩加急版区| www.122691.com-网络彩票诈骗赌博| www.237691.com-竞彩app怎么拉人| www.351300.com-彩神平刷破解版| www.588.xyz-0818彩票平台| www.8510.in-长春体彩中心位置| www.239811.com-关于王者彩票被骗| www.003001.com-海南彩票规律| www.yu85.com-久彩彩票app下载| www.650820.com-初学水彩-| www.7625.me-新浪彩合法吗| www.772673.com-婚恋时时彩诈骗| www.1993.me-真有人中彩票大奖嘛| www.8201.top-辉煌彩票联系方式| www.664601.com-彩库宝典最新快开奖| www.63878.com-体彩竞彩-| www.032018.com-天天爱彩票下载安装| www.949813.com-首充彩票-| www.jm56.cc-五亿彩app骗局| www.71889.cc-106彩票下载地址| www.083321.com-必中彩票下载安装| www.31935.com-彩票专家软件| www.384019.com-黑彩倍投-| www.578565.com-福彩三d倍投计划| www.661260.com-霍华德彩票定律| www.751071.com-速赢彩软件下载| www.827779.com-彩民网彩票资料大全| www.900788.com-福彩3d东北双胆网| www.973639.com-3d字谜彩吧-| www.gp2.com-怎样跳好快三| www.ot90.com-安徽快三彩票店| www.657153.com-天彩翼飞网店| www.789718.com-竞彩彩票合买群骗局| www.879218.com-8忆彩-| www.943387.com-百姓彩票是合法的吗| www.984482.com-财神8彩是不是真的| www.lv5.com-大发快三如何看趋势| www.368021.com-彩79.com-| www.745915.com-福彩大厦怎么样| www.840514.com-灰姑娘美甲彩妆学校| www.915083.com-彩票天天乐是骗局吗| www.967648.com-彩票计划自动发群| 8号彩票www.60108p.com| www.956218.com-信用玩法彩票平台| www.ym64.com-福彩三d位积和| www.306608.com-中彩网的十分快三| www.412370.com-福州彩钢围挡| www.520364.com-彩票极限数据| www.585090.com-好彩票网址是多少| www.650987.com-精致彩笔画-| www.709527.com-5亿彩怎么玩| www.774557.com-快三投注书籍| www.3002.vip-快三移漏号码| www.16698.cc-体彩足球竞猜技巧| www.028016.com-头奖彩票惊人骗局| www.34930.com-棋牌彩金是什么意思| www.kb9.com-十分快三开奖走势图| www.432203.com-红利登陆彩票| www.627608.com-彩训pc-| www.559927.com-福彩三的双彩论| www.675162.com-永盛彩票线路导航| www.777951.com-彩978-| www.78xx.com-中国福利彩票中奖率| www.7332.pw-小米彩虹7号电池| www.34171.com-彩虹世界app最新| www.565019.com-北京11选五彩控| www.725646.com-福彩兑奖银行| www.830708.com-缅甸新品双爆好彩| www.907069.com-重庆时时彩怎么赚钱| www.965255.com-中宏彩票邀请码| 大赢家彩票平台www.137916.com| www.539344.com-时时彩追杀账号| www.730949.com-福彩快乐十二玩法| www.107898.com-乐彩赢0014-| www.949561.com-盈彩彩票合法吗| www.be79.com-买彩票的都醒醒吧| www.82xw.com-七星彩中奖要求| www.878868.com-世界杯彩票玩法规则| www.961234.cc-广州鸣彩公司官方网| www.192.in-彩铅这样画很美| www.7445.in-福彩与慈善工作| www.43741.com-福彩宝贝网-| www.587179.com-aloha彩票骗局| www.016157.com-惠民彩票下载安装| www.145687.com-最好的彩票平台大全| www.257075.com-吉林爱彩乐官网|