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.984957.com-北京时时彩停售时间| www.td81.com-竞彩足球混合| www.8826.cm-重庆时时彩有哪些| www.309249.com-马来西亚乐和彩合| www.591735.com-彩票网球退赛怎么算| www.6880.org-彩烟弹多少钱一个| www.88769.cc-澳洲幸运10彩| www.9858.loan-台湾福星彩票开奖| www.2545.xyz-信用卡积分兑彩票| www.280.live-七星彩能网上购买吗| www.686361.com-福彩3d综合走试图| www.813438.com-3d福彩电脑板| www.887163.com-彩票代玩是真的假的| www.963476.com-足彩14场胜负奖金| www.cai3333.com分分快三彩票网| www.sr14.com-时时彩五星大概率| www.27jz.com-中彩票靠的是什么| www.3589.cm-昨天彩票出的什么号| www.9552.bid-讲故事展风彩| www.370717.com-彩钢瓦防水怎么做| www.540342.com-如何购买海外足彩| www.838296.com-成都彩钢围挡租赁| www.cai7474.com江江苏快三走势图| www.235999.com-五百彩票网官网| www.yp21.com-大马4d彩票-| www.ji33.com-发彩网可靠吗| www.387220.com-好彩网是谁创建的| www.513257.com-北京体彩管网| www.590287.com-七星彩软件哪个准| www.52fd.cc-7乐彩最新开奖结果| www.215666.com-360彩票中心首页| www.068585.com-支付宝可以买彩票吗| www.32jb.com-多彩宝缴纳水费| www.917238.com-彩虹岛官网-| www.0701.cc-彩票ag是啥-| 凤凰彩票www.88266r.com| www.063651.com-免费送彩金时彩平台| www.670086.com-四位数的彩票| www.772892.com-彩票微信讨论群| www.875499.com-大乐透彩票的规则| www.cp8487.com-内蒙古快三历史遗漏| www.sn47.com-福彩神牛网站| www.116985.com-卖体彩福彩提多少钱| www.924970.com-彩票发财-| 博亿彩票www.626by.com| www.20yg.com-五块钱彩票-| www.018192.com-漫画星彩无惨| www.802688.com-长沙体彩中心在哪里| www.913627.com-河南省幸运彩| www.980493.com-广西体彩管理中心| www.bf36.com-大发快三稳赚计划| www.sb76.com-大发快三豹子计划| www.794.bid-六壬测福彩3d| www.667709.com-福彩十位震福| www.216455.com-快三如何抓豹子| www.020496.com-中国体彩票开奖结果| www.822354.com-顶呱呱彩票-| www.902392.com-体彩机-| www.977417.com-河南彩礼什么时候给| www.mz2.cc-彩票快三玩法说明| www.324699.com-谁是福彩幕后老大| www.671258.com-万彩动画大师安卓版| www.760043.com-全天在线时时彩计划| www.839275.com-足彩预测网易| www.904096.com-鸿运彩票平台怎么样| www.963103.com-湖北省体彩兑奖地址| 68彩票www.68689r.com| www.et14.com-用是软件看北京快三| www.65ue.com-十大黑彩票平台| www.6456.win-七乐彩预测结果| www.558491.com-世界彩铅大师作品| www.66386.com-2016101彩票| www.484931.com-支付宝不让买彩票了| www.630234.com-完美彩票官网| www.790080.com-西宁体彩兑奖地址| www.883278.com-鸿彩网平台怎么样| www.ib7.cc-快三中两个号多少钱| www.358770.com-61彩票中奖规则| www.101075.com-网上赌快三会被捉吗| www.242531.com-福彩到底是不是骗局| www.325020.com-海南七星彩投注平台| www.361983.com-雨后彩虹的句子图片| www.498796.com-彩票代打平台群| www.586289.com-立彩彩票计划| www.654183.com-福彩助手浙江| www.716018.com-赌彩票输光千万| www.11pb.com-河内分分彩全天计划| www.029589.com-新利彩票能控制吗| www.274519.com-比特币一分彩| www.qv59.com-希望手游三分快三| www.11kl.com-网上购彩软件那个好| www.325939.com-体彩排三九宫图| www.765126.com-彩票平台排行榜黑彩| www.603913.com-趣彩彩票正规吗| www.757588.com-福建体彩兑奖在哪里| www.891766.com-e家彩票计划官方| www.tr8.com-江西快三技巧| www.927601.com-新彩吧3d字迷| www.yk0.com-福利彩票快三单式| www.71cw.com-今期四不像彩图一| www.839123.com-竞彩258pc版| www.dc90.com-江苏福彩新快三| www.437858.com-彩票站和买宣传语| www.37728.com-98彩票官方网站| www.002382.com-注册送彩金app| www.075499.com-江西上饶体彩销售点| www.397197.com-彩票网上购彩恢复| www.500029.cc-彩票最早形式| www.736057.com-快三最多连出多少期| www.73sm.com-彩民乐大乐透字谜图| www.412350.com-彩钢扣板多少钱一米| www.wk6.cc-澳洲5分彩开奖结果| www.3857.biz-2019年彩票中奖| www.9059.cc-时时彩源码下载| www.61178.com-彩132-| www.018455.com-豹赢彩票app| www.70559.com-体彩彩票终端机| www.608688.com-派彩电子-| www.021175.com-山西福彩网官方首页| www.286474.com-3d彩吧彩报第一版| www.356543.com-彩票开奖领奖的人| www.128726.com-南宁快三秒奶茶原料| www.947097.com-时彩开奖-| 金掌柜www.83993v.com| www.41jo.com-6月27号体育彩票| www.85759.com-中国体彩排列五| www.079559.com-90彩票下载安装| www.099083.com-网赚彩票是真的吗| www.237485.com-福彩3d玩法说明| www.329938.com-牛彩网牛彩吧| www.668367.com-买哪种彩票能中大奖| www.766011.com-一彩票下载-| www.835265.com-竞彩大师-| www.892765.com-手机购彩助手| www.955898.com-福彩预测专家最准确| 凤凰彩票www.3479i.com| www.603391.com-9号彩票注册网址| www.698774.com-头彩网-| www.078017.com-乐彩网首页彩票| www.706277.com-时时彩原理计算公式| www.794079.com-军人中彩票怎么处理| www.866594.com-怎么玩快三能赢| www.00ut.com-体彩超级大乐透真假| www.650983.com-70彩票-| www.688884.com-澳洲三分彩计划软件| www.774238.com-网易彩票黄历软件| www.961242.com-快3赌彩票家破人亡| www.391976.com-如何玩好快三大小| www.529960.com-时时彩福彩开奖结果| www.632571.com-体育彩票彩票怎么玩| www.690666.com-体彩排列五字谜图谜| www.760267.com-彩神uv打印机深圳| www.853349.com-彩票之家资枓大全| www.956277.com-玩彩票如何控制贪欲| 发彩www.50732t.com| www.902198.com-500时时彩彩票机| www.960142.com-太阳彩票-| www.999707.com-福利彩票图谜字谜| www.1893.biz-中国贵州福利彩票| www.1233.org-旭辉研彩下载| www.193661.com-吉林省体彩中心主任| www.c4.cx-北京快三预测推荐表| www.706117.com-发彩单只染膏| www.791131.com-彩票模拟选号|