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.z16.top-福彩3第图迷| www.52782.cc-七彩云南翡翠官网| www.392857.com-昨天彩票-| www.521744.com-七天彩彩票官网下载| www.963640.com-菠萝彩-| www.cp0955.com-快三规律破解软件| www.l58.top-大发一分快三计划| www.2474.vip-广州好彩玩贝厂| www.974840.com-海南彩钢板-| www.ak76.com-河北快三每天期数| www.044833.com-足彩sp-| www.447341.com-买足彩二串一技巧| www.045185.com-博发彩票犯法吗| www.155739.com-好彩客网站多少| www.668701.com-七星彩中二个数字| www.9654.xyz-排列三预测彩宝贝| www.6779.net-幸运福彩3132| www.42ze.com-福彩3d猜2d规则| www.785022.com-乐优彩票苹果下载| www.8129.biz-体育彩票还是福彩| www.506283.com-app彩678下载| www.741096.com-香港有啥彩票| www.80fn.com-凤凰彩平台是真的吗| www.634062.com-七彩教育集团简介| www.924954.com-全民赢彩票无法提现| 幸运彩票网www.33598o.com| www.221792.com-彩票挂机-| www.68995.cc-彩易购333488| www.39rz.com-七星彩012走势| www.2435.pw-吉林快三日销售额| www.9027.top-nba彩经哪里看| www.43530.com-苹果4s彩膜-| www.593386.com-七彩影院是骗局吗| www.bx9.com-彩1app-| www.19930.com-竞彩足球分析秘密| www.29202.com-手机上买彩票| www.ir87.com-乐乐彩票可靠吗| www.906.cm-彩铅星空眼睛画法| www.3349.cc-中彩股哈市-| www.191361.com-3d走势图彩宝贝网| www.292532.com-贵州双色球福利彩票| www.427087.com-旭彩首页-| www.1013.net-彩乃奈奈作品封面| www.318091.com-福彩都是星期几开奖| www.385672.com-合一彩票登录| www.485555.com-正规网彩平台| www.59hq.com-天津体彩app注册| www.27108.com-彩宝网首页网页版| www.51zb.cc-2o18牛蛙彩图库| www.697192.com-中体彩运营管理公司| www.321063.com-新3d彩票精准计划| www.402380.com-dd彩违法吗-| www.510245.com-哪个平台可以买体彩| www.585708.com-期乐彩走试图| www.645386.com-买高频彩赚钱方案| www.737330.com-搏彩平台有那些| www.206520.com-彩票争霸app下载| www.319704.com-快三江苏快三| www.v46.net-竞彩规则-| www.931012.com-李永乐说彩票| www.388956.com-彩38app入口| 手机购彩www.sjgc3.com| www.637359.com-彩虹5号电池怎么样| www.793376.com-22彩票安全不| www.925947.com-深圳市福利彩票中心| 中国福利彩票www.6364y.com| www.01357.com-足彩必发交易指数| www.19171.com-新任福彩主任是谁| www.254733.com-重庆分分时时彩| www.cg05.com-网络快三彩票犯法吗| www.579631.com-360彩票大全| www.232679.com-足球彩票分析| www.531156.com-彩铅手绘图片简单| www.711568.com-彩虹世界app官网| www.859612.com-福彩六十一开奖结果| www.ha5.com-玩彩胆神-| www.d48.cc-最准的彩票预测软件| www.gb12.cc-凤凰彩票导师计划| www.008356.com-19035期胜负彩| www.101371.com-体彩开奖查询结果表| www.191690.com-甘肃福彩快三01| www.465318.com-山东体彩玩法| www.807908.com-五k彩票网-| www.882491.com-福彩时刻-| www.962555.com-旺旺彩票下载软件| www.ag77.com-河南福利快三走势图| www.967647.com-陌陌全是彩票托| www.98xu.com-中国体彩三毛彩图片| www.951614.com-一定牛彩票停售原因| www.ky65.com-wj868皇角彩皇| www.002980.com-七星彩摇奖器| www.929719.com-时时彩二星万能码| www.184428.com-湖北体彩11选5| www.400907.com-cc彩票四不像| www.797375.com-99购彩票破解版| www.4242.cm-唯彩会体育下载安装| www.08567.cc-福福建体育彩票开奖| www.20983.com-彩票争霸邀请码| www.3934.cc-足彩单关稳赚| www.457900.com-福体彩今日字迷| www.590376.com-唯彩看球官方网站| www.832132.com-七星彩摇奖规则| www.898456.com-扫一扫彩票开奖查询| 体彩世界www.tcsj.com| www.121843.com-福利彩票3d开奘| www.227533.com-快三秒饮品-| www.308499.com-内蒙竞彩快三查询| www.264618.com-彩票中奖后怎么领奖| www.940581.com-体育彩票怎么样玩| 大玩家彩票www.315019.com| www.bp29.com-彩500-| www.zz65.com-竞彩店怎么申请| www.83994.com-河南福彩彩票开奖| www.44221.cc-中奖彩票的特征| www.yu29.com-全球第彩票-| www.4197.cc-中国彩票最高奖金| www.254283.com-中大奖彩票-| www.0889.ren-泊松与足彩-| www.05ru.com-荷花彩色铅笔| www.377085.com-结婚因为彩礼闹矛盾| www.7140.biz-时时彩怎么可以赚钱| www.1254.top-重庆时时彩讨论群| www.v04.cn-山西体彩营销方案| www.38hv.com-彩票合买骗局168| www.871.in-时时彩五星提取四星| www.549751.com-彩播直播平台| www.662502.com-国彩网五分钟快三| 彩宝www.788cb.com| www.137401.com-彩票死绝密出号公式| www.97bj.com-什么彩票能在手机买| www.b59.club-江西省福利彩票查询| www.289218.com-走势图快三-| www.365898.cc-多大孩子可以学彩铅| www.456821.com-中国福利彩票发行| www.555520.com-跟神彩奕奕类似的词| www.643332.com-中彩网的擂台赛| www.697319.com-彩吧论坛天吉图迷| www.759044.com-66微彩-| www.822129.com-奖聊出品彩票走势图| www.891214.com-求幸运快三计划| www.247586.com-快三历史开奖号码| www.251208.com-彩8彩票app-| www.355144.com-福彩快三太假| www.513129.com-彩票有发票吗| www.680405.com-中彩网中奖如何领奖| www.874922.com-网易彩票网页版| www.mv01.com-快三走势图软件下载| www.267535.com-体彩e球彩进球数| www.7368.xyz-七星彩今天画规律| www.56486.com-西虹市首富结局彩蛋| www.006051.com-官网下载天天中彩票| www.115432.com-彩铅花卉图片| www.100407.com-乐彩客怎么下载不了| www.1638.tv-彩票中奖内部人买卖| www.08127.com-体彩竞猜app| www.79pj.cc-快三视频彩票| www.699139.com-手绘彩铅花卉| www.705729.com-国乐彩苹果手机下载| www.974784.com-111cc彩票公司| www.dh75.com-快三网上卖-| www.128693.com-福彩刮刮乐宣传歌曲| www.318640.com-亚洲彩票网站| www.913978.com-彩16软件-| www.998367.com-福彩试机码-|