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天

知道了
58福彩 www.ui61.com-17500乐彩网| www.798196.com-下载盛世彩票| www.896969.com-江南彩姐大乐透预测| www.974436.com-江苏快三号码统计器| www.fz0.cc-快三网址是多少| www.103797.com-竞彩足球310| www.749933.com-彩牛彩票网-| www.65392.com-彩票幸运选号大转盘| www.111937.com-最靠谱的彩票网站| www.218630.com-福彩网的邀请码多少| www.mr48.com-立彩助手苹果版| www.210415.com-江西快三开奖结果| www.63887.cc-十四场胜负彩星号| www.381430.com-买彩票犯法不| www.887665.com-阿里彩票被坑| www.810495.com-新浪足彩竟技风暴| www.893368.com-双色球彩票工具箱| www.970439.com-彩票cp816-| www.cp9500.com-中国彩吧网-| www.980765.com-武汉福彩店转让| www.mc11.com-彩投彩票app下载| www.333682.com-公司发的彩票中奖| www.8761.in-七星彩号码筛选软件| www.7202.vip-a彩娱乐合法吗| www.732795.com-5百万彩票网| www.555559.cc-k彩线路检测中心| www.4000.cm-彩客网wap-| www.948731.com-福彩的d开奖结果| www.cai788.cc-分分快三技巧| 易彩网www.36166x.com| www.sm95.cc-足彩竞彩网混合| www.574821.com-赢彩吧-| www.yu12.com-体彩陕西11选5| www.cd83.com-亿彩彩票有猫腻吗| www.fu69.com-迪拜28彩票骗局| 新盈彩www.xinyc5.com| www.336426.com-百事彩票首页| www.493329.com-开网络私彩-| www.926739.com-达人彩票是真的吗| www.7hf.com-彩铅画宝石图片大全| www.7pa.com-青岛福彩中心主任| www.447770.com-重时时彩三星走势图| www.553086.com-玩分分彩害了多少人| www.852599.com-手机qq彩票在哪| www.o20.org-分分彩票平台| www.5168.biz-七乐彩尾号走| www.33018.cc-江苏省彩票中心| www.234929.com-福利彩票安卓下载| www.3257.win-重庆分分彩开到几点| www.12ko.com-彩8万app-| www.707325.com-竞彩足球比赛直播| www.847896.com-彩票助赢官网| www.955286.com-彩票软件破解教程| www.aq8.cc-吉林快三中奖规则| www.sw73.com-新时时彩怎么玩| www.511561.com-大地彩网-| www.729055.com-体彩七位数和值走势| www.871750.com-青蛙过河彩票中奖| www.d49.loan-大数据可以预测彩票| www.9023.shop-go彩票下载安装| www.29jp.com-搜狐彩票电-| www.437196.com-陕西福彩双色球中心| www.963604.com-大发快三怎么下载| www.th3.cc-足彩票开奖查询结果| www.hw3.com-彩票长龙技巧| www.261699.com-足彩胜平负数据| www.422239.com-口袋彩票安卓版| www.908957.com-彩神2怎么玩| www.998678.com-体彩天下公司| www.ri80.com-派彩网吉林快三| www.2720.vip-快三稳赢法-| www.063195.com-创彩网是骗局吗| www.832076.com-093彩票苹果下载| www.923498.com-彩票吃票属于什么罪| www.820447.com-彩票中奖符画法| www.915180.com-淘宝上买彩票怎么买| www.970891.com-坚守梦见的彩票中奖| www.c1.hk-快三湖北今天走势图| www.687005.com-彩票中大奖无好结局| www.784869.com-福彩3d豹子000| www.875117.com-微彩吧app官网| www.966786.com-山西宝马彩票案| 手机购彩www.572899.com| www.76225.com-文成县福利彩票中心| www.109104.com-彩色蚕宝宝有毒吗| www.123489.cc-高频彩龙虎走势图| www.73215.com-网上买彩票下载| www.951503.com-谁有qq彩票交流群| www.xn0.cc-贵州体彩十一| www.4476.cn-七星彩论坛海南彩网| www.945697.com-上海快三号码大全| 七彩www.53900r.com| www.w19.vip-诺亚彩票客服| www.305864.com-也买彩骗局| www.753638.com-做梦买彩票中奖了| www.827744.com-14彩票网-| www.246023.com-8k彩票是否合法| www.472225.com-百宝彩票20选8| www.cp0335.com-快三预测最准十专家| www.714685.com-文莱彩票开奖结果| www.sm41.com-赢彩网app-| www.cp6899.com-安徽省快三开奖结果| www.k17.cn-金彩国际骗局| www.743322.com-金山彩票苹果版下载| www.885096.com-神洲彩票网-| www.0425.cn-崩坏3全彩福利本子| www.34836.com-快乐彩12选5开奖| www.fr53.com-快三遗漏号码查询| www.0446.cn-江苏吴江福彩快三| www.055801.com-六位数彩票一直开的| www.29156.com-怎么用话费买彩票| www.69856.cc-11选5大彩鲸下载| www.657093.com-福彩中心主任电话| www.777315.com-福彩自助机-| www.85qo.com-世界杯足彩购买时间| www.288657.com-彩票里的长龙提示| www.383230.com-体彩29期开奖码| www.509390.com-福彩双色球预测频道| www.581707.com-儿子赌彩输了一百万| www.506116.com-博彩交流网-| www.363129.com-彩虹怎样形成的视频| www.8336.loan-七星彩今天超长图规| www.45038.com-境外高频彩开奖网站| www.353792.com-彩票排列三开奖结果| www.457599.com-恒大彩票官方注册| www.480101.com-中国足彩返奖率| www.574822.com-福彩胆码预测高手| www.6390.top-福彩3d幸运双飞| www.867797.com-彩神通今日推荐号码| www.80ni.com-盛世彩票客服| www.sc03.com-足球e球彩开奖结果| www.87cu.com-淘宝为什么不买彩票| www.4377.vip-彩01下载安装| www.27222.com-如何破解彩票软件| www.79764.com-竞彩足球稳赚概率| www.174211.com-山东体彩11选5| www.438796.com-洛阳福彩中心站| www.898126.com-彩吧助手全国开奖| www.7414.cc-111彩票官方网站| www.37791.com-520彩世界-| www.83652.com-网上360快三坑不| www.037216.com-彩票开奖南粤风采| www.109511.com-2044彩票下载| www.171606.com-分分快三计划免费版| www.954235.com-709官方彩票| www.365602.cc-水彩风景-| www.031212.cc-九哥彩票是真的吗| www.786023.com-江苏快三彩网交易| www.03rl.com-三亿彩票网站| www.983598.com-天津市福利彩票兑奖| www.381085.com-彩尊登录注册| www.18la.com-彩票每日首存| www.112.website彩票如何平投| www.40415.com-亚彩彩票成员名单| www.000614.com-浙江嘉兴福彩官网| www.089556.com-彩票网投套利| www.7393.net-c彩61彩票-| www.69tf.com-彩票最新中奖故事| www.528531.com-彩票复试什么意思| www.708008.com-时时彩官网开奖网址| www.08vx.com-彩票体彩大乐透| www.063.cm-高频彩拉人骗局| www.804060.com-福彩3d字迷画谜| www.010045.com-体彩32期-|