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.68.vip-必贏彩票-| www.878499.com-网络彩票黑平台| JJ彩票www.07929.cc| www.sk50.com-腾讯分分彩后二公式| www.55at.com-澳门三和彩-| www.783532.com-旧版爱乐透彩票图表| www.876683.cc-利澳彩票不能提现| www.969292.com-微信天天中彩票真假| www.cp486.cc-网易彩票-| www.od26.com-网络快三漏洞| www.411547.com-搜彩票开奖公告| www.545337.com-快三转圈技巧视频| www.641346.com-体彩营业图片| www.897774.com-怎么做彩票店的宣传| www.969855.com-七乐彩4拖6多少钱| www.cai2017.cc-宁夏快三基本走势图| www.kz62.com-大发彩票官网网址| www.f44.club-国乐彩软件-| www.33fo.com-体育彩票春节| www.461.loan-3d杀号定胆彩票| www.873981.com-福彩3d今天布衣图| www.967731.com-福利彩票往期结果| www.cp936.cc-幸运快三算号神器| www.qa73.com-新彩网手机一| www.4oe.com-3d彩票高手qq群| www.73qw.com-qq时时彩机器人| www.647.cm-苹果7有原彩吗| www.6267.cn-广州体育彩票官网| www.gd5.com-七乐彩怎么玩法介绍| www.pc6.com-江西福彩网-| www.zm40.com-数字彩票开奖结果| www.592896.cc-彩虹干什么-| www.692627.com-移动积分换彩票短信| www.807779.com-中彩福彩票-| www.912009.com-网昜彩票开奖直播| www.996696.com-贵州体彩开奖结果| www.ow92.com-宁夏福彩中心在哪| www.071551.com-rrz彩票-| www.3353.in-彩色的中国教案| www.9101.xyz-彩霸王资料大全| www.219618.com-彩吧图库彩报中心| www.362671.com-彩虹是怎样形成图片| www.499403.com-鼎丰彩票真的假的| www.627308.com-红财神报彩图黄大仙| www.21335.com-网络彩票是诈骗吗| www.83166.cc-3d高频彩是真是假| www.108128.com-3d彩票图字谜| www.218075.com-福彩网靠谱吗| www.342699.com-上海快三大小软件| www.561711.com-彩票3d图片-| www.675888.com-江苏体彩排列3预测| www.798508.com-彩票中奖如何交税| www.913967.com-福彩三d天庚图| www.ub.com-腾讯快三官网| www.g60.cc-体彩排列三定胆最准| www.0948.net-足球四场进球彩推荐| www.17925.cc-彩店宝下架了吗| www.97985.cc-时时彩预测号码推荐| www.105860.com-心博彩票-| www.218610.com-彩票代理找客户方法| www.331683.com-乐彩三d字迷| www.428726.com-19047期七星彩| www.581375.com-彩票由几位数组成| www.693013.com-乐米商城彩票| www.815649.com-福彩3d表格大全| www.933653.com-买彩票输了-| www.cp0999.com-甘肃快三计划网页版| www.0296.com-彩票店前景-| www.80229.com-491彩票开奖结果| www.104831.com-时时彩5星缩水技巧| www.191567.com-玩彩票输了50万| www.312343.com-福彩通长龙助手| www.431328.com-49gcc特彩下载| www.854853.com-极速快三游戏规则| www.976401.com-河南人彩礼-| www.ki66.com-足彩竞猜赔率| www.18ug.com-玩黑彩11选5| www.8509.loan-国外高频彩开奖网站| www.84277.com-南海网南国彩报| www.070166.com-湖南彩礼-| www.279306.com-分分时时彩官网下载| www.540270.com-彩61网址平台入口| www.709776.com-实体店彩票网上销售| www.928444.com-湖北宜昌快三| www.bk35.com-鳄鱼大乐透彩票| www.160277.com-凤彩网专属app| www.941034.com-快乐彩走势图电脑版| www.133504.com-马路彩砖-| www.54lh.com-c16彩票安卓下载| www.ij32.com-7070x彩票-| www.61921.com-苹果xr有没有原彩| www.73911.cc-杭州福彩十二选五| www.054655.com-福建省彩票管理| www.814199.com-中园福利彩票双色球| www.492755.com-彩票投注站不兑奖| www.478469.com-竞彩足球套利| 华彩www.71399m.com| www.jc36.com-福利彩票手机购彩版| www.k08.top-多彩贵州网投票| www.44zy.com-网络彩票代理商| www.0363.cc-为什么禁止手机购彩| www.812071.com-乐彩字谜论坛| www.980746.com-火箭彩app-| www.437009.com-七星彩定位号| 吉利彩票www.66376m.com| www.0667.cm-快三怎样能稳赚视频| www.236516.com-运盛彩票吧-| www.572627.com-6彩天下-| www.0757.space-福彩三d试机号破解| www.x19.shop-体彩排三杀码定胆| www.t77.biz-彩票推广怎么拉人| www.3253.cn-双色球彩票凤彩网谜| www.726795.com-福星彩网址-| www.723561.com-福彩网诈骗-| www.k68.vip-彩票争霸是真的吗| www.930132.com-3d彩票怎么玩的| www.623191.com-福彩体排列三走势图| www.87012.cc-超级彩票全球| www.071599.com-108官网彩票平台| www.216639.com-竞彩足球胜平负计算| www.625671.com-长城彩票主页| www.32ug.com-南宁福利彩票站利润| www.40470.com-福利彩票双手机投注| www.264567.com-彩票端作弊-| www.440179.com-澳彩篮球赔率怎么算| www.ar34.com-湖北省福彩官网| www.y43.net-山东福彩彩票| www.845613.com-体彩竞彩比赛时间| www.612807.com-彩牛美缝剂专卖| www.644541.com-趣彩彩票输了几万| www.4306.cc-3d乐彩17500| www.026819.com-网上的01彩票犯法| www.134966.com-彩金彩票社区| www.158022.com-捷报足彩预测| www.683917.com-福彩3d推荐条件| www.186751.com-快三定胆技巧| www.336753.com-彩票天天彩选四| www.139847.com-盈彩在线是合法的吗| www.92bb.cc-彩票代打赚佣金| www.962075.com-大彩网抢红包| www.377167.com-体彩有关的对联| www.288783.com-江苏快三倍投技巧| www.676758.com-足彩预测新浪媒体| www.186573.com-三分时时彩骗局| www.696900.com-七星彩数字表| www.36758.com-安徽新快三开奖号| www.3082.vip-澳葡风彩网址| www.yp2.cc-北京快三彩票怎么玩| www.v28.org-3d好彩网预测| www.052151.com-六和彩开奖| www.kz57.com-体彩50元顶呱刮| www.587037.com-福彩都有七乐彩| www.pz68.com-9彩娱乐平台网址| www.469818.com-周易与彩票预测| www.867356.com-福利彩票几点停卖| www.6019.biz-足球彩票九场胜负彩| www.090076.com-彩票玩家去哪里找| www.5536.cm-时时彩票吧-| www.789861.com-竞技彩足球计算器| www.883712.com-最新平台送彩金| www.03sx.com-智慧彩挂机龙虎| www.96897.cc-福彩pc28-| www.502072.com-093彩票代理| www.810827.com-福彩3d真实的谎言|