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天

知道了
1分快三 www.743553.com-73彩票买吗资料| www.32992.cc-扬州体彩中心地址| www.06429.com-福彩快三稳赚宝典| www.bx48.com-广西中奖彩票| www.432562.com-福彩时时彩今日开奖| www.jy51.com-人人彩票网官方网站| www.5883.biz-结婚彩礼是什么| www.323.biz-彩之家真的能赚钱吗| www.0966.cn-买彩票数字-| www.089027.com-金福彩票网站登录| www.217562.com-安徽快三今天推荐号| www.cp6553.com-e球彩-| www.127744.com-98彩票官网登录| www.527077.com-金祥彩票直播网| www.203759.com-快三彩票是骗人的吗| www.835215.com-手机炫彩膜-| www.998193.com-经典彩版808版| www.gb43.com-辽宁省福利彩票发行| www.811928.com-新加坡福临彩| www.553037.com-易收米彩票-| www.54099.com-山西3d彩民乐图库| www.899885.com-福利彩票店豪华装修| www.981513.com-全民乐彩票是真的吗| www.rz7.com-体彩11选5上海| www.9079.vip-七乐彩的中奖率| www.662096.com-3彩报-| www.676911.com-福彩正规吗-| www.809891.com-七乐彩3d太湖| www.955193.com-凤凰彩票的规律| www.nl77.com-雪缘园足彩胜负彩| www.884714.com-鳄鱼网彩票-| www.312371.com-51彩票是骗人的吗| www.7826.xyz-足彩职业彩民| www.66982.cc-彩票大奖领奖纪实| www.87622.cc-体彩店内部装修图片| www.nx61.com-快三赚钱团队| www.9975.online玩彩老头作独家推荐| www.14828.com-龙凤彩票网站官网| www.952453.com-玩网络彩票合法吗| www.684445.com-中彩改棋牌app| www.871332.com-最高倍率彩票网| www.43455.cc-十一选五旺彩计划| www.044474.com-胜负彩星号什么意思| www.585061.com-66好彩分分彩| www.240987.com-彩铅入门画-| www.9883.com-36o彩票网排三| www.132810.com-好彩官方网站| www.264893.com-福彩3d破解秘籍| www.yd58.com-体彩大乐透开奖| www.362994.com-雨后的彩虹好像什么| www.9626.bid-俄罗斯皇家快三| www.001270.com-双色球开门彩杀号| www.323836.com-彩78彩票是真的吗| www.062247.com-福彩双色球领奖期限| www.04xm.com-陆慧明竞彩精选| www.965380.com-爱乐透福彩开奖首页| www.619967.com-彩票业是不是邓家的| www.028518.com-8828彩票app| www.809081.com-买了多久的彩票| www.915275.com-博盈彩票平台视频| www.520.cn-上饶市体彩中心地址| www.xh72.cc-彩虹重机-| www.509599.com-交友网拉人买彩票| www.583236.com-3d彩经网开机| www.650372.com-小班户外彩虹伞教案| www.562888.com-福彩刮刮乐新票图案| www.631236.com-广东好彩一今日开奖| www.692867.com-彩神v破解-| www.762579.com-旭彩美缝剂质量| www.836738.com-免费资料大全牛蛙彩| www.895391.com-淘宝彩票合买大厅| www.954926.com-黑彩余额修改器下载| 惠民彩票www.hm7388.com| www.85114.com-附近彩票店开在哪里| www.104698.com-新快三游戏恐龙| www.189825.com-快三湖北走势图| www.270026.com-333彩票下载| www.tp96.com-彩票代理申请书| www.959431.com-福彩交流群微信| www.234029.com-彩票678-| www.585265.com-江苏快三数据专家| www.677336.com-章鱼彩票独家| www.812756.com-福彩3d单式领奖| www.903071.com-可以彩票合买的软件| www.986304.com-阿里彩app-| www.82wv.com-七乐彩设几个奖级| www.163688.com-容错体彩-| www.8125.biz-黄金8彩票网官网| www.73976.com-福彩1d中奖规则| www.101159.com-趋势软件彩-| www.265729.com-时时彩倍投计算工具| www.981284.com-六开彩app下载| www.kj0.com-快三湖北走势图| www.386307.com-足球体彩彩票怎么看| www.424426.com-全明星彩票下载| www.299783.com-人人中彩票左脸| www.365104.cc-福利彩六等奖| www.481105.com-彩印中国移动| www.333517.com-彩票中奖后离婚案例| www.424445.com-金祥龙版彩票app| www.176952.com-新快三单机游戏下载| www.75nx.com-苏式彩画高清图片| www.6235.biz-彩票十选五怎么玩| www.930540.com-3d彩票规则玩法| 财神网Ⅱwww.cp7836.com| www.w40.com-九万彩票平台怎么样| www.596919.com-北京时时彩pk群| www.77978.cc-91彩站联盟app| www.158227.com-手机版678彩票网| www.275617.com-彩名堂计划软件| www.00917.com-彩界发大财独胆| www.68221.cc-安徽快三计划网址| www.004554.com-即时开彩app| www.093303.com-中彩网北京pk10| www.166725.com-中国最大的快三平台| www.227202.com-福体彩票开奖公告| www.289125.com-彩计划安卓版下载| www.348590.com-彩票怎样看热号| www.7ar.cc-员工中彩票608万| www.415361.com-足彩串关对冲| www.517859.com-安徽省体彩管理中心| www.583506.com-竞彩足球分折网易| www.650196.com-博彩的词语-| www.710091.com-北京福彩网彩民之家| www.777779.cc-电竞博彩app开发| www.846181.com-彩票会不会作假| www.893653.com-九九集团彩票app| www.948686.com-体育彩票购彩小程序| www.992840.com-彩票团队微信兼职群| www.bb11.com-江西福利快三| www.rb86.com-时时彩qq-| www.163926.com-彩票到底害死多少人| www.40299.com-在线刮刮彩-| www.94196.com-对福利彩票的认识| www.1625.pw-上海彩亿能买彩票吗| www.230400.com-三彩吧助手-| www.488383.com-全民k歌彩评| www.89565.cc-深圳福彩中心网站| www.m19.net-买彩票欠20万| www.3237.cm-彩彩票开奖结果查询| www.22399.cc-因为彩礼分手的多| www.706219.com-中彩网统计走势图表| www.787338.com-副彩体彩开奖| www.ka01.com-2元彩票怎样下载| www.897480.com-彩99软件合法吗| www.978547.com-彩8苹果下载软件| www.ao32.com-彩票中奖查询| www.355674.com-足彩多少钱要交税| www.509698.com-网上彩票赌博案| www.0521.pw-时时彩婚恋骗局花篮| www.6819.cn-3月24号福彩| www.18066.cc-足彩亚盘走势图| www.117991.com-分分彩赢彩计划| www.173750.com-兰州快三连线走势图| www.053660.com-我在彩票群里买足彩| www.517754.com-南方双彩官方| www.336917.com-江苏快三官网走势图| www.420185.com-卓易彩票违法吗| www.91fw.com-家彩开奖千禧开机号| www.559466.com-福彩3d精胆天下a| www.648222.com-外国彩种-| www.782223.com-如何做彩票数据分析| www.873670.com-掌上彩票app下载| www.967674.com-彩友计划网页版|