QQ客服
当前位置 : 首页 > 代码 > 网页特效 > 图片代码 > jQuery单屏图文列表滚动布局代码

原创商用 jQuery单屏图文列表滚动布局代码

jQuery客户声音单屏的图片和文字组合滚动切换效果代码。这是一款基于superslide开发的图文列表滚动代码。
分享到微信朋友圈
X
[声明]该素材是本站付费买断的作品代码,享受著作权?;?,未经允许请勿转载,否则追究相应的法律责任。

使用方法:

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/iconfont/iconfont.css" />
<link rel="stylesheet" type="text/css" href="statics/css/style.css" />

2、head引入js文件

<script src="statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="statics/js/jquery.superslide.2.1.1.js" type="text/javascript" charset="utf-8"></script>

3、body引入HTML代码

<div class="container customer-comment">
	<h2 class="title">客户声音</h2>
	<div class="content w1210">
		<div class="bd">
			<ul class="comment-list">
				<!--兴县在线-->
				<li class="special">
					<div class="customer-logo">
						<a href="#" target="_blank" rel="nofollow"><img src="statics/images/logo1.jpg"></a>
					</div>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left"></i>之前做电商选择的系统比较难用,给后期的运营带来了一系列的麻烦,那真是操碎了心,所以这次领导要求去各电商软件公司进行实地调研、考察。我们用了半年的时间,先后去了北京、合肥、上海、深圳等地,考察了近20家公司后,确定选择了商之翼的商城系统,选择的理由如下:1、商城系统分两个版本:云端SaaS版和独立部署版。随着公司业务的发展,我们可以升级购买独立部署版,这样我们就不怕公司做大以后命运就不能自己掌控了,这是很多其他软件公司做不到的。2、配套功能完善。做电商平台离不开物流、收银、ERP等系统,商之翼拥有非常全的配套功能???,其他公司所有这些配套功能都需要做二次开发,做接口对接,还要收取昂贵的开发费用。3、开发团队给力。商之翼开发团队是很有实力的,这也是我们选择商之翼的一个理由。很多小公司开发的系统看着非常具有诱惑力,深入去用,就会发现没有一个功能是做的深入的,又蹩脚又不稳定,再换系统那代价实在是太大了。<i class="iconfont comment-icon-right"></i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="statics/images/case-photo1.jpg" alt="万泰物联">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>刘继伟</h3>
							<p>兴县在线 CEO</p>
						</div>
					</div>
				</li>
				<!--大黄蜂集团-->
				<li>
					<div class="customer-logo">
						<a href="#" target="_blank" rel="nofollow"><img src="statics/images/logo2.jpg"></a>
					</div>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left"></i>选择商之翼,有以下几个原因:1、商之翼团队站在用户的角度,以用户的视野去优化系统,十年如一坚守工匠精神。2、售后服务周到及时。3、前端布局较为合理,页面美观。所以说商之翼是相当不错的!
							<i class="iconfont comment-icon-right"></i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="statics/images/case-photo2.jpg" alt="大黄蜂集团">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>惠建</h3>
							<p>大黄蜂集团 董事长</p>
						</div>
					</div>
				</li>
				<!--万泰物联-->
				<li class="special">
					<div class="customer-logo">
						<a href="#" target="_blank" rel="nofollow"><img src="statics/images/logo3.jpg"></a>
					</div>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left"></i>我们在确定要做同城电商平台的时候,开始在全国多家软件开发公司调研。因为自身没有从事过线上平台业务,对系统的要求停留在自己假设的一些功能上面,在实地调研了近十余家软件公司之后,我们选择了秦皇岛商之翼网络科技公司的商城系统,选择的原因包括:1、商城系统根据企业规?;治礁霭姹?,云端SaaS版、独立部署版。我们可以根据公司实际情况选择相应的版本,随着公司业务的发展,我们可以根据业务需求,升级购买独立部署版,这就避免了自己在做大以后,数据归属权等问题带来的困扰。2、售后服务好。售后服务响应及时,解决问题迅速。3、研发团队厉害。商之翼开发团队是很有实力的,这也是我们选择商之翼的重要原因之一,一些小公司出售的系统虽然看着具有诱惑力,但是没有强有力的技术团队做支撑,市场态势瞬息万变,很多符合市场发展的急需功能,它们是无法快速有效开发的。
							<i class="iconfont comment-icon-right"></i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="statics/images/case-photo3.jpg" alt="万泰物联">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>沈洪光</h3>
							<p>万泰物联 总经理</p>
						</div>
					</div>
				</li>
				<!--创客空间-->
				<li>
					<div class="customer-logo">
						<a href="#" target="_blank" rel="nofollow"><img src="statics/images/logo4.jpg"></a>
					</div>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left"></i>专业的人做专业的事,商之翼系统安全稳定,售后服务同样很贴心,当下是以质量去生存,以服务求发展的时代,我相信商之翼,同时商之翼用他们的专业服务征服了我,我是创客空间李岩,我为商之翼点赞!
							<i class="iconfont comment-icon-right"></i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="statics/images/case-photo4.jpg" alt="创客空间">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>李岩</h3>
							<p>创客空间 总经理</p>
						</div>
					</div>
				</li>
				<!--维辰科技-->
				<li>
					<div class="customer-logo">
						<a href="#" target="_blank" rel="nofollow"><img src="statics/images/logo5.jpg"></a>
					</div>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left"></i>我用过很多家公司的系统,之所以选择了商之翼,主要原因有以下几点:1、价格接地气。2、产品功能完善,在行业中可以说是比较好了。3、售后服务做的很好。4、客户反馈的意见可以很快处理。5、功能更新速度快。
							<i class="iconfont comment-icon-right"></i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="statics/images/case-photo5.jpg" alt="维辰科技">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>刘本富</h3>
							<p>维辰科技 总经理</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="hd">
			<a href="javascript:;" class="prev"><i class="iconfont"></i></a>
			<ul>
				<li><span></span></li>
				<li><span></span></li>
				<li><span></span></li>
				<li><span></span></li>
				<li><span></span></li>
			</ul>
			<a href="javascript:;" class="next"><i class="iconfont"></i></a>
		</div>
	</div>
</div>

<script type="text/javascript">
	$(".customer-comment .content").slide({
		titCell: ".hd ul li",
		mainCell: ".bd ul",
		effect: "leftLoop",
		autoPlay: true,
		prevCell: '.prev',
		nextCell: '.next',
		titOnClassName: 'active',
		mouseOverStop: true,
		interTime: 5000
	});
</script>
[声明]本站素材来自用户分享,仅限学习交流请勿用于商业用途。如损害你的权益请联系客服QQ:2447402004给予处理。
举报×
举报原因:

相关代码

二维码
意见反馈
×
×

注册

QQ注册 立即下载 新浪注册 立即下载

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了
悟空彩票 www.31vl.com-星期四开什么彩票| www.26858.cc-一分幸运七星彩| www.12412.com-快三猜一个号如何玩| www.70950.com-开彩票站怎么赚钱| www.lj82.com-建行的中彩啦靠谱吗| www.1341.cm-网上买彩500| www.565189.com-今天的彩吧图第一版| www.683155.com-彩票预测推荐下载| www.57ol.com-彩票课文的主要内容| www.lk13.com-中彩在线平台| www.vn02.com-博彩返水高的| www.004987.com-冲1元送38彩金| www.622985.com-七星彩查询开奖号码| www.zi66.com-如何破解一分快三| www.839352.com-浅谈福彩文化建设| www.947194.com-体彩快乐3-| K彩www.kc37.com| www.30209.com-福彩门户新书签| www.959966.com-官网彩票有哪些| www.hk71.com-足彩的五种玩法| www.38fr.com-乐迷彩票app| www.133044.com-纸箱彩印与覆膜| www.025006.com-智慧彩票预测准不准| www.08891.com-竞彩网计算器混合| www.004760.com-体彩最大遗漏数据| www.122791.com-挤占挪用福彩公益金| www.250664.com-彩票306网页版| www.546161.com-彩票店申请书怎么写| www.be53.com-喜乐彩开奖结果| www.70co.com-彩票机会打法| www.37no.com-ios大公鸡七星彩| www.1499.xyz-内蒙古体彩兑奖地点| www.219489.com-快频彩-| www.120107.com-宝马彩票可以玩吗| www.263897.com-彩票手机购彩app| www.200696.com-昨晚彩票开什么号| www.009388.com-ok彩票最新-| www.92la.com-如何控制玩彩心态| www.0809.top-港澳泰直播48彩网| www.37303.com-领航彩票骗局| www.789314.com-新浪足球竞彩曲昌春| www.358144.com-谁有博友彩邀请码| www.629283.com-543彩票-| www.715961.com-体彩天下app官方| www.794101.com-福利三分彩开奖记录| www.868273.com-全民8彩票app| www.952209.com-8888彩票是诈骗| 68彩票www.68682l.com| www.fs44.com-辽宁体彩官网| www.1gc.com-体彩周日开什么| www.259788.com-江西新快三和值推荐| www.52526.com-足彩胜负平怎么玩| www.373383.com-快三大型平台| www.526862.com-盈博彩票官网| www.608922.com-彩票113网页| www.697651.com-彩票要当天买吗| www.783728.com-金沙彩票软件| www.875333.com-亿元彩票的故事| www.979362.com-九号彩票登录| www.br77.com-一分快三计划安卓版| www.wi97.com-体彩排三排五开奖号| www.213102.com-下载湖北快三app| www.313224.com-外围彩票网站哪个好| www.457282.com-944cc天天好彩| www.580955.com-彩票会是真的假的| www.286139.com-全部快三-| www.361285.com-一定牛河北快三预测| www.588078.com-手机苹果彩票| www.660392.com-腾讯ai彩预测| www.880636.com-3号彩票网-| www.966365.com-福利彩票排三| www.cp179.com-快三是谁发明的| www.39808.com-玩彩票心态重要吗| www.025077.com-福体彩开奖结果公布| www.142879.com-福彩中心将如何改革| www.jn59.com-5亿彩下载app| www.102857.com-福彩大乐透开奖| www.333894.com-彩票3d走势分析| www.269679.com-9彩计划pc-| www.505449.com-2017年彩票弃奖| www.592292.com-318彩票平台靠谱| www.685107.com-复式彩票如何算中奖| www.772981.com-最新送彩金-| www.66454.com-六彩彩票-| www.081204.com-淘金网买足彩骗局| www.236197.com-7号彩票注册邀请码| www.886625.com-福彩全是假的| www.964709.com-真的彩票中奖故事| 幸运彩票www.666507.com| www.nz07.com-快三投注哪个平台好| www.x88.top-体彩现场开奖| www.109754.com-福彩3d预算-| www.467775.com-七乐彩网易彩票| 易彩网www.36166z.com| www.oc77.com-福彩内蒙快3吧| www.44658.com-大鹏金服彩票| www.78763.com-亮彩足球首页| www.085880.com-博彩漏洞征婚骗局| www.062384.com-彩乐园邀请码| www.592313.com-彩票软件送彩| www.663867.com-头彩-| www.731977.com-彩妆店代理-| www.811188.com-江苏快三倍投数据表| www.060218.com-天天彩选四历史号码| www.365377.cc-七彩专栏-| www.527796.com-百乐彩马会总公司| www.639394.com-中国体育彩票设备| www.729882.com-生彩宝app-| www.807299.com-澳门福乐彩开奖结果| www.880485.com-75彩票合法吗| www.949017.com-福彩平台刷流水| www.998947.com-今日头条彩库宝典| www.vz1.com-3d彩宝网-| www.pw00.com-大资本彩票是骗局| www.e13.club-盛兴彩票手机版v3| www.175857.com-快三追号神器| www.239295.com-股票和快三是赌博吗| www.402813.com-七星彩表下载安装| www.358549.com-体育彩票基本知识| www.641444.com-彩票店柜台效果图| www.004862.com-福利彩票33期| www.728668.com-体彩排列三图谜| www.842205.com-彩票公益金怎么分配| www.917957.com-必赢彩票吧-| www.983046.com-上海体育彩票中心| www.cp3538.com-湖北快三推荐号| www.ra20.com-极速时时彩参考公式| www.046657.com-福利彩票店装修成本| www.521300.com-彩票店靠什么盈利| www.7891.pw-3d五百彩票网| www.138955.com-优游时时彩平台注册| www.316100.com-上海体彩申请| www.325912.com-彩票排3走势图开奖| www.928419.com-十一运夺金彩经网| 中国福利彩票www.34788j.com| www.2387.cc-七彩西游记k8播放| www.10481.com-竞彩单关赛果走势图| www.003503.com-gc国彩app-| www.062405.com-凤凰时时彩是真的吗| www.126594.com-印尼五分彩官网开奖| www.2653.xyz-彩票为什么都停售了| www.678140.com-好运快三怎么玩稳赚| www.566522.com-香港÷和彩-| www.648655.com-有中国过彩票的吗| www.347890.com-乐彩网首页一分快三| www.988166.cc-中国福彩网官网登录| www.278900.com-丹麦快乐彩走势图| www.397425.com-全国举报私彩网站| www.493396.com-公务员开彩票店| www.22201.com-今日福彩3d-| www.036534.com-福彩软件哪个好用| www.735623.com-福利彩票一等奖概率| www.108707.com-敬力七星彩开奖| www.187365.com-全球十大彩票平台| www.073355.com-福彩天齐网-| www.199666.cc-福建快三电视走势图| www.49za.com-极速三分彩人工计划| www.mp73.com-体彩河北11选五| www.6537.top-春彩娱乐-| 宝马彩票www.ji224.com| www.771630.com-怎么开体育彩票店| www.859736.com-排五走势图彩宝贝| www.909233.com-七星彩当天几点开奖| www.969646.com-快三网上购买火车票|