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.913297.com-福利彩票复式| www.78552.cc-彩坛至尊一肖一特| www.9110.vip-用彩铅画的花草树木| www.7490.cc-体彩门店绑定app| www.wg72.com-福利彩票开奖双色球| www.48ks.com-爱心彩-| www.3469.vip-妛客网彩票-| www.10837.com-体彩排5玩法| www.365330.cc-彩库宝典安装不了| www.507982.com-七色彩虹打一成语| www.630920.com-环彩国际官网平台| www.831338.com-彩票主任什么梗| www.948838.com-体育彩票有双色球吗| www.dw49.com-五星彩今日开奖号码| www.323987.com-福彩手机彩票| www.076665.com-vr三分彩开奖记录| www.1194.cm-彩票回补什么意思| www.357655.com-中国足彩网比分直插| www.27963.cc-168彩票注册网| www.237665.com-彩票信用玩法骗局| www.261359.com-竞彩胜平负-| www.196237.com-快三开奖纟结果| www.685722.com-3d彩票发财秘密| www.489369.com-彩票能中奖不| www.306401.com-好用的彩票app| www.363612.com-杏彩168登录网址| www.554184.com-彩票语-| www.275712.com-彩经网十大专家杀号| www.954068.com-时时彩缩水手机版| www.591168.com-上海彩礼和嫁妆| www.1090.me-今日福彩字谜新彩网| www.158658.com-博友彩软件首页| www.038083.com-喜盈门彩票-| www.kp61.com-彩票分析基础| www.469369.com-乐彩网字典字谜| www.79fv.com-和彩票性缘差不多的| www.9864.wang-一字枋心彩画| www.105298.com-足彩竞彩开奖结果| www.060980.com-时时彩计划网页人工| www.788387.com-体彩5走势图带连线| www.874363.com-体彩排三单双走势图| www.945821.com-乐8彩平台下载苹果| www.993990.com-时时彩最赚钱方法| www.hl08.cc-高科技彩票开挂软件| www.826996.com-彩票店微信扫码安全| www.633852.com-m5彩票合法吗| www.850709.com-时时彩跨度是什么| www.40439.com-彩票今晚开奖号| www.621927.com-中彩票的秘诀| www.568151.com-我在豪彩平台买彩票| www.974085.com-一分时时彩是哪里的| www.728926.com-好彩票有幸运28| www.860028.com-一线诈骗彩票| www.76533.cc-足彩赔率及盘口| www.187740.com-彩票九宫图-| www.354133.com-西班牙彩票中奖号码| www.500085.cc-078彩票计划| www.gg18.com-下载快三走势图| www.856849.com-彩票k3711-| www.987606.com-全彩汇注册-| www.nc72.com-乐迷彩app-| www.29577.cc-乐彩网为什么打不开| www.76695.cc-福彩直播间下载安装| www.036843.com-全民彩官网下载苹果| www.730950.com-双色球易彩网买彩票| www.799560.com-江苏快三猜一个好| www.876913.com-彩6彩票ios-| www.979976.com-福彩网站资讯搜索| www.su47.com-彩票是怎样的玩法| www.29eg.com-牛蛙彩下载-| www.47606.com-好彩妹和天尊| www.393711.com-彩铅画水果图片| www.26077.cc-彩虹羽泉歌词意境| www.494213.com-竞彩胜负比分查询| www.664626.com-七乐彩摇奖视频| www.874267.com-怎么创建彩票平台| www.096333.com-排三预测众彩网| www.014104.com-703彩票app-| www.4271.biz-快三彩票计划员| www.585675.com-网络购买国外体彩| www.666666.com-乐彩网提现不了| www.033271.com-买彩票都中过多少| www.120563.com-综艺股份互联网彩票| www.1800.mobi-高频彩有什么漏洞吗| www.295683.com-湖南快三开奖走势图| www.373685.com-中彩那天试讲录音| www.502185.com-彩票高倍30倍流水| www.598380.com-七星彩怪码历史| www.546589.com-体彩网点申请| www.657402.com-牛彩彩票网址| www.749257.com-彩神3应用-| www.864511.com-人人彩票怎么玩法| www.055204.com-黑彩快三有没有漏洞| www.183012.com-体彩游泳夺金| www.275342.com-极速时时彩官方开奖| www.359777.com-七星彩会员用户登录| www.508782.com-高频彩票都是骗人的| www.575629.com-彩票停卖时间| www.350290.com-爱彩乐客户端下载| www.781424.com-竞彩足球中奖图片| www.856204.com-吉林快三合之图| www.911420.com-湖北快三未出统计图| www.976485.com-想看看彩票会奖情况| www.fn03.com-竞彩足球赛-| www.q85.cn-江苏快三50期走势| www.52vp.com-彩票o2o平台网址| www.6806.com-福利彩票数字规律| www.18580.com-大发彩票网安全吗| www.37182.cc-掌聊app彩票| www.165331.com-安徽福彩开奖公告| www.fv30.com-福彩双色球作弊视频| www.xi17.com-七彩网彩票骗局| www.893857.com-彩61网址-| www.94dw.com-彩票包网开版| www.264008.com-地方彩票开奖公告| www.329646.com-新时时彩网-| www.00li.com-发彩染发膏-| www.us83.com-电话购彩票流程| www.089234.com-易彩快三怎么玩| www.811772.com-特彩吧49qcc| www.913292.com-彩客网怎么买不了| www.979047.com-港版绿好彩-| www.cp9876.com-808彩票网论坛| www.tp85.com-现在买不了足球彩票| www.12wa.com-福彩高频彩助手下载| www.82sn.com-和彩资料-| www.633165.com-竞彩篮球怎么打票| www.566690.com-丰大彩票下载| www.009248.com-福彩pc-| www.320573.com-百宝彩怎么玩| www.984347.com-小彩牛一用户登录| www.4420.com-河北福彩快三预测号| www.85229.cc-珠海恒彩酒店| www.10881.com-苏州体彩7位数| www.055084.com-足彩竞彩计算器| www.81181.cc-即开彩合法吗| www.22377.com-彩礼和陪嫁-| www.a90.cc-新版彩计划-| www.676985.com-黑客进入彩票| www.57963.com-破解彩票中奖的秘诀| www.678276.com-中国彩吧最懂彩民| www.806519.com-带万字彩票aqq| www.909168.com-七星体彩中奖新闻| www.980804.com-福彩提成怎么算的| www.dz45.com-福彩最好的网站| www.082822.com-快三地区-| www.036116.com-彩票看走势图| www.0288.cn-彩票新技巧-| www.702983.com-彩票奇偶数打法| www.231300.com-彩票倍投追号计算器| www.311817.com-体彩p3开机号| www.vm75.com-快三专家-| www.256657.com-官方彩江苏快三| www.342054.com-湖北体彩无纸化投注| www.66573.cc-时时彩官方正规平台| www.cai0144.com江苏快三开奖走势图| www.38354.com-彩票红包-| www.34502.cc-体彩大乐透软件安装| www.9216.cc-航天彩虹千股千评| www.768887.com-天猫国际城彩票| www.834639.com-好彩柠檬薄荷双爆珠| www.907578.com-福彩p六二开奖结果| www.971435.com-彩票核心秘密| 68彩票www.68689n.com|