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.288367.com-4k彩票-| www.512273.com-简单的彩铅插画| www.607120.com-福利彩票几点截止| www.696385.com-竞彩足球胜平负混合| www.790173.com-彩票自选器-| www.880060.com-内蒙福彩主任电话| 吉利彩票www.80065w.com| www.ip23.com-500网彩票首页| www.i57.org-乐彩论坛手机版| www.51kh.cc-苏州福彩领奖地址| www.0738.cn-01彩票是怎么回事| www.03044.com-体彩排列三跨度表| www.68922.cc-福利彩票今天拭机| www.045756.com-彩81安卓版-| www.145456.com-滴滴彩票送28苹果| www.252017.com-送彩金-| www.336035.com-谁能入侵黑彩服务器| www.433100.cc-双色球杀号彩吧| www.538591.com-常州福彩发行中心| www.719768.com-幸运28彩票平台| www.805313.com-北京彩色印刷厂| www.888885.com-黑彩彩票机器| www.982523.com-彩票幸运快三| www.xh0.com-彩吧图库3d-| www.ua08.com-彩票达人官方端口| www.15zi.com-如果彩礼20万| www.774.me-蝴蝶彩色画-| www.5658.in-体彩顶呱刮会作弊吗| www.16175.com-彩客站app-| www.64717.com-世界杯体彩怎么卖| www.065725.com-彩虹岛银色凌乱| www.140854.com-老猫研彩-| www.224777.com-发彩网官方网站| www.306394.com-好的平台彩票| www.383505.com-可以赚钱的竞彩推荐| www.557692.com-牛彩网双色球字图| www.638708.com-南京竞彩店地址查询| www.751579.com-世界杯足彩澳门盘口| www.852838.com-中国体彩彩票app| www.929268.com-福彩网可以买彩票吗| www.991887.com-天天福彩选4走势图| www.kf9.com-江苏一定牛快三遗漏| www.rq82.com-河南彩色透水混凝土| www.15zd.com-万豪福彩大转盘攻略| www.160.cx-下载大地彩票安卓版| www.4357.com-福彩申请条件| www.03211.com-中国彩票假不假| www.72424.cc-青岛快三查询| www.039770.com-玩高频彩票赚钱经验| www.131750.com-彩票代理返点是什么| www.214408.com-四亿彩票app| www.292765.com-人人体育彩票| www.370250.com-神龙彩票骗局| www.481084.com-彩印包月-| www.567357.com-南京彩票大奖| www.649259.com-体彩几点钟开门| www.801879.com-福彩中心电话| www.880723.com-淘宝彩票官网首页| www.984363.com-鸣彩艺术官方网站| www.av77.com-彩票2-| www.083557.com-高频彩票助手| www.671398.com-彩独2完美破解版| www.14ei.com-福彩3d开奖收音机| www.113284.com-彩票码-| www.189398.com-信誉最好私彩平台| www.267931.com-大发快三破解器开挂| www.389777.com-塘厦彩票店转让| www.518478.com-号百彩票为什么停售| www.593237.com-彩虹六号冰河皮肤| www.670531.com-彩123论坛-| www.738325.com-国彩的网址登入| www.814815.com-邯郸银行买彩票一案| www.890692.com-至尊国际彩票网| www.964685.com-竞彩直播吧-| 大赢家彩票平台www.769289.com| www.jw41.com-彩库宝典视频开奖| www.h59.com-福彩双色球试机号| www.42rb.com-换外屏原彩显示没了| www.909.com-彩票买多少钱| www.5480.vip-长春彩吧-| www.11642.cc-爱彩乐3d遗漏查询| www.58296.cc-澳洲三分彩怎么玩| www.080948.com-历年7星彩开奖号码| www.151288.com-彩漂粉成分-| www.254763.com-好彩投官网下载| www.330001.com-河南体彩网开奖公告| www.402887.com-乐购a彩票-| www.510244.com-彩虹的约定表演视频| www.579635.com-逸彩老师-| www.642678.com-3d走势图经彩网| www.858923.com-彩票中奖信息查询| www.927167.com-红旗彩票怎么样| www.983714.com-体彩领奖流程揭秘| www.pn13.com-彩民彩票电脑版| www.3gw.com-福彩3d布衣独胆图| www.63te.com-体彩官网新报价| www.0704.cm-福利彩票申请书样本| www.8801.xyz-七意彩网站-| www.43369.com-旺旺彩票公司| www.88973.cc-ok彩票下载官网| www.044828.com-牛彩牛势综合走势图| www.151971.com-竞彩看盘教程| www.237625.com-足彩比分分析| www.314948.com-买时彩的公式| www.382938.com-2月16日体育彩票| www.525562.com-网易彩票预测网| www.609276.com-优彩平台登录| www.680561.com-幸运中彩票官方版| www.759193.com-海南七星彩论坛规律| www.867786.com-彩界神通今日双胆| www.932903.com-下载118彩软件| www.984783.com-鼎盛彩运8骗局| www.cl35.com-合肥福彩快三开奖号| www.un36.com-彩宝app是骗局吗| www.05ev.com-体彩任选9场| www.85hc.com-飞彩网是真的么| www.3709.vip-福彩三d综合图| www.9000.xyz-乐彩网站怎么样| www.70196.com-时时彩后三杀号技巧| www.028754.com-怎么在百度买彩票| www.103942.com-乐彩平台被骗| www.172068.com-5分彩骗局-| www.277190.com-快十分钟彩票| www.360223.com-快三玩法大平台| www.444750.com-网易彩票助手| www.533911.com-七乐彩出号顺序查询| www.636363.cc-彩虹六号围攻无人机| www.721104.com-彩票跟单软件| www.794117.com-体彩排列三预测专家| www.868126.com-南国彩票论坛七星新| www.961465.com-吉林快三和值参照图| 易彩堂www.55885l.com| www.fl01.com-牛蛙彩票生肖对照表| www.wf38.com-贵州快三玩法| www.08jc.com-七星彩规律拆奖图规| www.74fw.com-彩票怎么在手机上买| www.1166.live-彩票分析预测表格| www.03970.com-14彩官网-| www.44487.cc-中彩在线快三1分钟| www.86328.cc-三彩雪丽品牌| www.035014.com-高赔彩-| www.140233.com-体育彩票兑奖中心| www.211615.com-浙江温州快三走势图| www.280091.com-免费重庆时时彩预测| www.380599.com-彩票同期开出号| www.502757.com-七乐彩走势图大中小| www.567926.com-胜负彩16132| www.631501.com-好彩头公司电话| www.698440.com-嘉兴体育彩票店转让| www.770095.com-好彩投最新版| www.947407.com-优彩在线彩票赔了| www.992660.com-彩95可信吗-| www.cp31.com-江西多乐彩今日开奖| www.ju18.com-福彩3d彩票贴吧| www.zf77.cc-速八彩票骗局| www.18pz.com-当天所有彩票开奖| www.589.cx-呼市福利彩票双色球| www.3843.cm-彩86app-| www.8757.cn-顺盈彩票可靠嘛| www.50330.com-凤凰彩票平台可信吗| www.88441.cc-英国历史彩票最大奖| www.034925.com-全民汇彩票app| www.130176.com-彩票777网站| www.194639.com-3d福彩走势图|