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.za40.com-买福利彩票的技巧| www.83dy.com-十二生肖彩票走势图| www.2467.me-彩81彩票下载苹果| www.7582.loan-手机买3d彩票| www.974149.com-腾讯彩票平台| www.71795.com-60彩票网-| www.539056.com-时时彩组三计划| www.890897.com-快三单式查询| www.cai4011.com贵州快三网站| www.1492.org-彩虹童谣-| www.93244.com-世界杯网上投注彩票| www.01026.com-福彩投资计划| www.82sl.com-凤凰快三在哪看开奖| www.3190.cm-福彩往期回顾| www.8710.loan-彩之星官网-| www.667245.com-佛弟子能买彩票吗| www.26sg.com-东莞福利彩票查询| www.94778.com-比较正规的彩票平台| www.089479.com-快三真假-| www.811946.com-新加坡福临彩风云报| www.943918.com-58彩票安卓版下载| 500彩票网www.743533.com| www.448494.com-山西省福彩中心在哪| www.530717.com-时时彩永赚不亏方法| www.653507.com-大富彩票不能提款| www.757781.com-利民彩票论坛| www.893050.com-彩票中奖秘籍王博士| www.981406.com-福彩3d今日字谜图| www.kq07.com-内蒙古快三开奖全期| www.207762.com-彩票应用大全下载| www.266671.com-人人中彩票官方网站| www.399636.com-海南彩票怎么注册| www.556981.com-3d彩票网上购买| www.672300.com-彩宝快三是真的吗| www.96872.com-海南私彩合法吗| www.657945.com-福利快乐彩-| www.850406.com-足彩二串一玩法| www.590478.com-招财猫彩票软件| www.811156.com-众彩生活是骗局揭秘| www.951181.com-中彩在线怎么玩| 大赢家彩票平台www.763226.com| www.531156.com-彩铅手绘图片简单| www.760036.com-彩票助赢软件ios| www.023769.com-打开彩票开奖| www.833903.com-好彩紫香烟多少钱| 福利彩票www.8039r.com| www.950461.com-海南七星彩开奖全图| www.cai7611.com快三开奖助手手机版| www.584677.com-正规的皇冠彩票网站| www.072022.com-深圳体彩店转让更新| www.237509.com-福彩玩法介绍| www.729888.com-彩票小助手官网| www.886314.com-素描彩铅画图片大全| 918彩票网www.918jo.com| www.cai6122.com贵州省快三开奖| www.319811.com-易彩娱乐线路| www.am07.cc-河北福彩快3一定牛| www.xy91.com-关于彩票的调侃段子| www.36wh.com-万人彩彩票-| www.652108.com-葡萄京彩票-| www.755394.com-彩票3d开奖直播| www.848491.com-彩37-| www.967489.com-福利彩票一定牛快三| www.ie05.com-彩票的真实性| www.771931.com-盈盛现金时时彩| www.692968.com-体彩销售机充值| www.14gb.com-福彩3d村胆码| www.4901.cm-注册3a彩票-| www.265859.com-福彩3d牛l彩网| www.611562.com-彩虹岛水果破解版| www.723768.com-福建彩票大奖排行| www.815162.com-精准博彩玩家流量| www.897149.com-云鼎国际买彩票| www.970426.com-赚钱彩票导师| www.cp662.cc-福建省福彩-| www.099780.com-共享娱乐彩票| www.7099.tv-博大彩票是官方的吗| www.026793.com-试玩赚佣金彩票| www.124187.com-在手机上买彩票| www.0660.xyz-福利彩票站申请书| www.102266.com-五省快三基本走势| www.dg61.com-江西体彩中心| www.j54.net-彩票正版藏机图| www.04ib.com-冬天的草地彩铅画| www.89vt.com-唐山彩票站转让信息| www.4257.vip-优乐彩安卓下载| www.194122.com-云南快三开奖号码| www.93389.cc-千万彩票得主死亡| www.559121.com-大彩网首页官方| www.888814.cc-网易彩票资讯电脑版| www.669826.com-海南定位彩票缩水| www.806258.com-彩民村论坛-| www.889156.com-高频彩伪规律| www.973821.com-江苏快三开挂| www.cp8883.com-快三开奖如何查询| www.n32.cc-爱乐透彩票-| www.fu63.com-全发国际彩票是什么| www.xf13.com-308彩票-| www.56mb.com-彩票站和买宣传语| www.661725.com-竞彩买比分的绝招| www.971475.com-中国彩票最新开奖| www.967334.com-福彩双色球开将| www.919000.com-杀码3d专家家彩网| www.099010.com-体彩11选五复式| www.237627.com-足彩比分188| www.371594.com-彩票577登录| www.550782.com-高频彩追号近一个月| www.695755.com-吉林体彩网11选5| www.792901.com-郑州福彩中心| www.877511.com-一分彩票app下载| www.949041.com-哈市中彩股份| 吉利彩票www.80075c.com| www.596444.com-2005年福彩和值| www.42986.com-茶光福彩网点| www.037666.com-老公买彩票输钱| www.637276.com-彩虹七无人机视频| www.748585.com-盈彩娱乐-| www.806578.com-彩票32期中奖号| www.539250.com-彩票促销活动方案| www.676189.com-天空福彩与你同行| www.791145.com-福彩3d手机选号器| www.871293.com-158彩票合法吗| www.954321.cc-体彩虚拟足球怎么玩| 500万彩票www.500cd.com| www.478835.com-七星彩牛材网| www.340440.com-玄武彩票正规吗| www.9876.link-扬州体彩转让| www.685708.com-全民福利彩票双色球| www.363803.com-彩虹各种颜色的含义| www.843434.com-福彩慈善工作体会| www.951901.com-台湾乐透彩338| 网易彩票www.067wy.com| www.qu44.com-崔永元彩票事件| www.2ix.com-彩票黑吃黑-| www.16773.com-59彩票app下载| www.681902.com-买彩票工具软件下载| www.759623.com-安徽省福彩领奖地址| www.fj08.com-大发快三是不是骗局| www.xc13.com-南国特区彩票论坛| www.71197.cc-福彩票开奖号| www.960371.com-盐城彩票中千万| www.nb6.com-分分快三彩票平台| www.j86.net-美国彩票十大巨奖图| www.41299.cc-中彩中彩-| www.444202.com-体彩p3奇偶遗漏| www.047268.com-彩票号码如何生成| www.140555.com-好运彩票-| www.id84.com-手机买彩票中一等奖| www.xk47.com-快3派彩网下载| www.079216.com-江苏彩票手机投注| www.979810.com-彩票导航123| www.z53.tv-足彩卖料团队| www.61hl.com-意彩app官方下载| www.339419.com-彩票转账支票| www.87ho.com-腾讯十分彩开奖图| www.030805.com-106cm彩票-| www.820705.com-彩色水泥道路| www.891891.com-龙圩区体育彩票| www.956829.com-红卡七彩-| www.999318.com-快三如何回血| www.fn21.com-福彩改为20分钟| www.n80.cc-体彩31开奖信息| www.43hf.com-彩色宝石戒指| www.927927.com-彩票咋个买几个数|