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.74235.com-重庆时时彩视频播放| www.231323.com-1分钟快三计划网| www.hc95.com-a3彩票下载安装| www.54yp.com-湖南福彩微信公众号| www.4658.vip-1元购彩网-| www.871741.com-家家好彩开奖| www.969158.com-竞彩足球推荐网易网| www.cp9550.com-旺彩-| www.110646.com-10选5彩票怎么骗| www.23228.cc-七彩色是哪七种| www.055790.com-cp577彩票平台| www.134035.com-好彩2好彩3-| www.xu68.com-官方二分快三彩票| www.371331.com-打击越南时时彩| www.545225.com-中彩网七乐彩玩法| 万利www.32123c.com| www.075575.com-彩票达人论坛| www.959148.com-御彩轩新版手机| www.dv59.com-分分快三选号规律| www.359788.com-海南七星彩注册会员| www.459266.com-体彩竞彩容错表| www.730561.com-体彩金7乐专家预测| www.0517.org-新浪爱彩3d走势图| www.261626.com-黑客玩时时彩稳赚| www.253342.com-分分时时彩开奖网| www.170609.com-福彩快三开奖号| www.595.org-亚投彩票快三| www.4890.cm-竞猜彩票开发| www.767916.com-新淘彩网-| www.739627.com-福彩开奖助手| www.cp3991.com-极速快三计划软件| www.56955.cc-重庆时时彩停业通知| www.138482.com-日本有没有彩票| www.37465.com-旧板彩经网走势图| www.06594.com-福彩3d彩报第一版| www.362664.com-法国买彩票-| www.53xd.com-山东省福利彩票| www.385479.com-天津彩票5000万| www.517267.com-北京时时彩官网| www.586034.com-时彩专业版-| www.656448.com-高频彩票游戏| www.723610.com-买什么彩票的人最多| www.801554.com-彩票667网站| www.886232.com-海南四码彩票说明| www.956622.com-盈彩彩票手机软件| 凤凰彩票www.77801n.com| www.279839.com-最新彩票开奖结果| www.376403.com-澳客七星彩-| www.501415.com-彩票平台包网| www.578935.com-福彩3d杀码图专区| www.655543.com-福彩三地杀和尾| www.727255.com-abc彩票登录网站| www.810422.com-七彩乐开奖规则| www.891582.com-彩票大数据软件| www.957348.com-快三龙最长的几个| www.jw23.com-蒙娜丽莎彩铅| www.1al.com-彩票工具计算器| www.67dj.cc-太原体彩转让信息| www.0911.me-彩票分析数据| www.771803.com-世界十大彩票巨奖| www.55788.cc-7乐彩复式中奖规则| www.022751.com-福彩3d断组大全| www.33102.com-体彩大乐透十一选五| www.23809.com-七星彩摇奖机骗局| www.122058.com-77彩票靠谱吗| www.74di.com-宝彩为未来买单| www.026593.com-连中彩票app| www.03sj.com-济南体彩-| www.128384.com-彩票361官方注册| www.526329.com-网上篮球彩票怎么买| www.263054.com-青海时时彩走势图| www.400272.com-七星彩出号特征| www.588387.com-体彩七乐彩开奖时间| www.731908.com-彩色压模地坪| www.826957.com-如何在京东上买彩票| www.928118.com-彩色数码复印机报价| E彩堂www.43818.com| www.505140.com-75秒时时彩规律| www.594910.com-87彩店云登录| www.127170.com-彩铅画春天风景教程| www.190260.com-吉林快三本期开奖| www.374550.com-天下彩天天好彩| www.910034.com-天空彩各坛高手| www.128471.com-福彩网江苏快三| www.463313.com-福彩网真的能提现吗| www.158118.com-正版新粤彩图今晚| www.325299.com-发达娱乐彩票真假| www.414198.com-竞彩胜平负如何计算| www.064744.com-乐迎彩票-| www.637.cn-竞彩足球软件靠谱吗| www.02ls.com-世界杯微博彩票分析| www.70269.com-体彩票超级大乐透| www.58580.cc-三d试机号彩吧| www.542057.com-网易彩票公众号| www.665031.com-福利彩票组合| www.823993.com-体彩竞技500| www.949707.com-彩票中奖助手app| www.gh42.com-辽宁体彩网11| www.08mg.com-体彩今日开机号码| www.133837.com-好彩客官方下载| www.261653.com-中国体育彩票6+1| www.166552.com-快三平台代理| www.508387.com-以前的彩票值钱吗| www.577937.com-鄂彩-| www.637447.com-小米彩虹电量| www.696003.com-竞彩串关计算器| www.765528.com-808海口彩票网| www.835885.com-彩专家计划网| www.52cr.com-超简单又好看水彩画| www.24ke.com-手机背板彩膜| www.291.tv-环球彩票平台登陆| www.389885.com-彩票中了500万| www.500123.com-彩票怎么才算违法| www.927288.com-福利彩票有几个数字| 彩客www.ck09.com| www.cai1666.cc-吉林彩票快3| www.580753.com-快三出长龙的征兆| www.679371.com-陌生人买五分彩| www.793638.com-福利彩票总部天津| www.872143.com-贵卅福彩-| www.131314.com-论彩礼-| www.56715.cc-快乐彩任选三规则| www.p26.biz-体育彩票如何看| www.77bh.com-御彩轩彩票计划| www.2866.xyz-分分彩龙虎玩法| www.323256.com-新浪机选彩票| www.29182.com-至尊快三有赢钱的吗| www.637572.com-学校彩票公益金| www.54540.com-彩票倍投什么意思| www.597199.com-彩尊国际-| www.398983.com-众盈娱乐国际时时彩| www.586100.com-彩金棋牌手机版| www.841974.com-大有彩票娱乐注册| www.972469.com-掌优彩票-| www.vm83.com-彩票app提现失败| www.2264.cc-星耀国际彩票| www.63228.com-网易彩票足球推荐| www.066130.com-小鸡彩虹图片| www.789.tv-今天彩票指南电子报| www.95ct.com-彩投网手机-| www.397194.com-v9彩-| www.dz34.com-福彩押大小-| www.314115.com-排五彩票开奖| www.304369.com-今日快三甘肃| www.496739.com-开发彩票软件| www.21524.com-彩票游戏平台合法吗| www.57772.cc-我要中彩老版本| www.3847.net-足彩推荐网易| www.tq50.com-彩票开奖软件大全| www.494939.com-博彩彩票游戏| www.4579.vip-欢乐彩票下载apk| www.3197.bid-33彩票安卓版下载| www.278001.com-体彩11选5浙江| www.260666.com-各省彩票最大奖| www.60611.cc-河北体彩中心地址| www.2043.cn-彩神通安卓版| www.83268.cc-彩票中奖之后上班| www.752.website黑彩平刷-| www.639622.com-中国竞彩网怎样注册| www.817011.com-周五福彩开奖结果| www.882507.com-彩色近照是什么底| www.955510.com-日本彩票loto6| www.997480.com-快三最高邀请码| www.db08.com-人人彩票网靠谱吗|