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天

知道了
彩01彩票 www.580614.com-彩票提不了现怎么办| www.028207.com-奔驰彩票网页| www.160279.com-广东快中彩中奖规则| www.375313.com-哪个广播直播福彩| www.620313.com-世界最大彩票| www.841352.com-竞彩如何和外围对冲| www.985707.cc-彩票网址大全汇总| www.xp81.com-体彩11选5投注| www.0811.vip-足彩哪里能买| www.029045.com-睛予众彩七星彩预测| www.678988.cc-678彩票网安卓| www.qv75.com-地区快三是真的吗| www.55908.com-l快三彩票-| www.028719.com-国际博彩论坛| www.133611.com-微信买彩票骗局| www.9922.biz-彩界网-| www.840923.com-彩妆加盟开店| www.61629.com-小米彩票入口在哪里| www.711176.com-彩票刷流水怎么赚钱| www.830208.com-盈彩团队-| www.915028.com-体彩屋的网址| 大富豪www.297277.com| www.443020.com-足彩计划单-| www.558794.com-富贵彩app骗人| www.2658.club-近期彩票大奖得主| www.91249.com-齐鲁福彩三d| www.812207.com-竞彩平台哪个好| www.922627.com-中国竞彩培训师| 500彩票www.50064g.com| www.539393.com-时时彩有追杀模式吗| www.777315.com-福彩自助机-| www.873786.com-o38彩票app-| www.980065.com-七星彩直码透露| www.lz70.com-哪个平台能买竞彩| www.5755.date-美狮彩票app下载| www.56576.cc-90彩票平台登陆页| www.223527.com-至尊快三app| www.720310.com-七星彩中一注多少钱| www.912564.com-时时彩计划网页人工| www.012130.com-彩票哪年网上停售| www.054967.com-体彩机租赁协议| www.091220.com-上海福彩领奖时间| www.232371.com-彩票赚钱平台| www.230926.com-天津快三查询| www.327234.com-体彩500期走势图| www.441079.com-天津体彩app注册| www.595815.com-福彩3d数字八卦图| www.2853.cn-吉林快三福彩快三| www.689646.com-网络彩票回血| www.90uo.com-看六彩中彩网| www.7778.vip-35彩票网址-| www.972913.com-好运彩骗我了怎么办| www.bh46.cc-易彩买彩票真的吗| www.381651.com-天天竞猜足球彩票| www.066740.com-怎么买外围彩票| www.2230.cc-正规彩票赚钱项目| www.08719.com-假体彩店-| www.96682.com-博纳彩票是合法的吗| www.120026.com-有玩01彩票的吗| www.249918.com-彩票端用户登录| www.90qf.com-家彩网高手论坛| www.516477.com-正规网上买彩票| www.620319.com-256官方彩票| www.1896.biz-福彩进入便利店| www.739601.com-中华福彩开机号| www.252968.com-时时彩计划网页| www.008468.com-快三中奖中多少钱| www.111904.com-大吉彩票网开多久了| www.219977.com-百度乐彩-| www.345095.com-开七星彩直播| www.tb.com-宁夏快三玩法技巧| www.523977.com-香港5分彩开奖| www.322762.com-如意彩票计划软件| www.393341.com-福彩三胆图-| www.646579.com-芸彩数字八星口诀| www.716851.com-体彩宝-| www.815130.com-双色球搜狐彩票网| www.889856.com-七星彩哪一年创办的| www.14395.com-海南七星彩怎么赔| www.tn76.com-安徽快三专家推荐| www.075326.com-七乐彩除7走势图| www.728318.com-体彩网点编号| www.884189.com-杏彩网页在线登录| www.961148.com-贵阳快三走势图| 易彩堂www.189999a.com| www.728408.com-体彩销售时间| www.1880.xyz-体育彩票站利润如何| www.678307.com-坛乐彩论坛手机版| www.896448.com-10分彩下载-| www.998416.com-山西彩票站-| www.lk67.com-1号平台彩票网址| www.931846.com-中国福利彩票导师| www.cai00.com-快三开奖结果预测| 优彩网www.974091.com| www.596256.com-云彩在线彩票app| www.166339.com-河北快三推荐号| www.257051.com-中国福彩快三新规| www.590697.com-中彩堂原創料| www.16ww.com-宝马时时彩下载| www.711520.com-1980彩票返点| www.7ik.com-大庆彩票站出兑| www.398225.com-甘肃彩票下载| www.425518.com-彩色冰淇淋机| www.585280.com-彩神8分分快三| www.658989.com-青蛙彩票8080㏄| www.733217.com-体育彩票老11选5| www.808578.com-彩票分析软件真假| www.884730.com-重庆肘时彩开奖历史| www.969539.com-酷彩吧网页版| www.fd52.com-特区彩论坛-| www.l85.net-南方双彩走势图大全| www.254219.com-凤凰网投时时彩网址| www.354837.com-买彩票怎么能中奖呢| www.456489.com-芜湖体彩竞彩店| www.570378.com-彩票app提不了现| www.982443.com-鸿彩app报警| www.mv12.com-手机中彩网靠谱吗| www.184508.com-湖北快三今日必出| www.270675.com-7彩网官方下载| www.552960.com-时时彩反长龙必死| www.681962.com-微信10元做彩票| www.te24.com-正彩彩票有人在玩吗| www.36fe.com-七星彩版图-| www.709.me-福利彩票3d的玩法| www.967907.com-500彩票网的套路| www.bj23.com-大发快三的开奖记录| www.vl48.com-大发快三和值根据| www.45ki.com-彩虹6号围攻退款| www.190892.com-天空彩票-| www.423790.com-张星彩美图-| www.624313.com-乐彩吧彩票下载| www.384747.com-足彩稳胆是什么意思| www.155357.com-彩票双色球专家群| www.913968.com-合法的在线彩票| www.434305.com-久久彩票网-| www.546334.com-广州彩票店转让| www.659095.com-中彩了是什么意思| www.449305.com-多摩豪全彩漫画大全| www.020854.com-中国体彩玩法| www.513018.com-双爆珠好彩香烟| www.577654.com-安徽体彩十-| www.639728.com-于海福彩案结局| www.692609.com-积分换彩-| www.751702.com-世界杯足彩赔率| www.3899.cc-七星彩三四位差值| www.70nw.com-大神推荐足彩预测| www.3667.in-旺彩双色球软| www.04974.cc-彩吧红五图库| www.697.xyz-网络上买彩票违法吗| www.kr45.com-上海体彩网官网| www.20ay.com-乐透啦彩票是否正规| www.6288.mobi-五福彩票的真假| www.12978.com-昆山张浦彩票中奖| www.663472.com-乐彩彩票平台可信吗| www.770965.com-彩票首页_欢迎您| www.933458.com-官方快三是什么| www.982407.com-鸿彩是真是假| www.cp3918.com-湖北福彩快3| www.456188.com-梦见死人彩票号码| www.538922.com-欢迎使用必赢版彩票| www.576216.com-福彩书-| www.682071.com-彩票工具一今曰运势| www.3879.bid-海南七星彩计划| www.537802.cc-彩色饺子皮-|