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.569120.com-体彩三句话-| www.020807.com-2012七乐彩-| www.161499.com-铭发彩票兼职| www.314998.com-穆棱七彩国际影城| www.489388.com-福彩中龙图片大全| www.cp629.com-彩神争霸app| www.08cf.com-彩票与生活图片大全| www.01385.com-今日竞彩必发指数| www.556357.com-103亿彩票-| www.643968.com-四季彩app下载| www.730004.com-时时彩定位胆算法| www.819089.com-七星彩152期| www.913892.com-手机上的两分快三| www.980811.com-彩票源码下载| www.lw9.cc-上海快三如何兑奖| www.wr44.com-彩票追号计划微信群| www.99st.com-彩世界时时彩app| www.4638.vip-福利彩票福字刮刮乐| www.06608.cc-彩票庄家是谁| www.57845.com-易购彩平台提现失败| www.091582.cc-春秋彩票ww-| www.179015.com-福利彩票内蒙快3| www.527895.com-百乐娱乐时时彩注册| 13e彩票www.150196.com| www.565318.com-徐文轩说彩-| www.843649.com-福彩品牌建设| www.dh97.com-热门彩色复印机大全| www.61im.com-心脏彩超参考值| www.433976.com-3d丹东彩吧联盟3| www.74af.com-彩票5d中奖规定| www.060028.com-即开彩app骗局| www.380888.com-qq彩票交流群群号| www.q80.in-大发快三是赌博| www.44736.com-淘彩平台是真的吗| www.136828.com-火箭彩票app链接| www.405710.com-河南福彩积分系统| www.898552.com-今日3d彩民乐彩吧| www.941282.com-彩票网站回单套利| www.zj0.com-广西快三兑奖规则| www.31ud.com-彩虹宝宝第三季全集| www.4327.wang-鑫之家彩票网| www.61995.cc-七星彩开奖结果| www.237472.com-足球竞彩比分| www.363046.com-福彩选四开奖查询| www.526113.com-竞彩足球新浪网推荐| www.688157.com-福彩3d10期计划| www.958452.com-七星彩二字现怎么打| www.iz08.com-中国体彩手机投注| www.02jc.com-官骑彩-| www.8688.me-7七星彩开奖结果| www.88252.cc-彩票支付宝能提现| www.643626.com-彩票中5块怎么兑奖| www.424445.com-金祥龙版彩票app| www.114152.com-福彩数字3开奖时间| www.282348.com-彩票乐全天实时计划| www.396199.com-釉上彩餐具有毒吗| JJ彩票www.30601.cc| www.qh24.com-广东福利彩票好彩1| www.9087.biz-花草彩铅画简单方便| www.198692.com-彩票计划网-| www.502875.com-足彩设胆什么意思| www.350337.com-19.cf彩富网| www.657490.com-体彩大乐透开多少号| www.127839.com-彩虹宝宝第一季国语| www.06535.cc-投资彩票店要多少钱| www.2372.win-足彩3串4什么意思| www.860895.com-辽彩11选5-| www.if6.com-新内蒙快三-| www.0dn.com-易点彩票一手机版| www.668462.com-泰国博彩安全吗| www.902086.com-黑彩坐庄能赚钱吗| www.02938.com-体彩主任1360亿| www.ee68.com-众彩易购下载安装| www.7653.shop-台湾五分彩官网| www.266901.com-江苏体彩中心| www.5978.me-体育彩票销售终端机| www.722121.com-双彩店门头-| www.65nq.com-杭州福彩网申请| www.95wg.com-福彩3d技术小条件| www.016798.com-福彩3d组合胆拖| www.229675.com-天天快三计划手机版| www.426668.cc-今日体彩p3藏机图| www.644356.com-体彩中了二等奖| www.827273.com-体彩p3预测分析| www.444287.com-星宇购彩安全吗| www.63315.com-上海快三开奖时间| www.657472.com-福利彩票推荐差| www.915833.com-体育彩票代理加盟| www.34761.com-福利彩票了3d图纸| www.734567.com-彩色混凝土施工工艺| www.273002.com-中国福利彩票票种| www.zy01.com-彩虹网络电视直播| www.257173.com-黑彩网站-| www.442900.com-非凡彩票工作室| www.613045.com-快三开奖软件制作| www.14446.cc-彩吧论坛天吉图迷| www.839381.com-网易彩票可信么| www.38217.cc-网络售彩举报平台| www.129437.com-掌中彩福利彩票| www.489779.com-时时彩代-| www.1794.xyz-福彩3d彩吧论首页| www.1096.me-江西福彩2个多亿| www.257057.com-瑞彩祥云快三挂| www.425702.com-上海快三360| www.006741.com-福彩任选三-| www.367755.com-aaa商企康宝彩迷| www.232424.com-足彩玩法有几种| www.518574.com-广州发彩染膏| www.999007.com-天津爱乐彩快乐十分| www.40886.com-一号店彩票官网| www.106256.com-下载体彩大乐透| www.516246.com-快三怎么看长龙| www.726323.com-至尊快三有赢钱的吗| www.954601.com-掌上彩票pro官网| www.36712.cc-125彩票-| www.69090.com-彩5-| www.7331.me-棒棒彩票手机注册| www.108350.com-玩彩票的心态| www.278226.com-51亿彩票巨奖| www.510517.com-男朋友彩虹屁| www.fi37.com-全天最准大发快三| www.004652.com-竞彩可以胆拖出票吗| www.885183.com-中兴彩票网站| www.88608.cc-天空彩tkkjcc| www.744771.com-手机赌彩平台最安全| www.004677.com-查体彩排列五中奖号| www.721811.com-北京福彩3d走势图| www.0026.cc-福彩十期开奖号| www.332019.com-吉林快三为啥会输| www.551952.com-南昌彩票店转让信息| www.28ph.com-wap手机彩票| www.842211.com-彩票公益金比例| www.395821.com-19号的福利彩票| www.959527.com-安卓版彩名堂计划| www.781036.com-下载江西快三| www.220311.com-乐彩网app-| www.462282.com-黑彩如何盈利| www.19ia.com-福彩35期-| www.26738.cc-山东福彩快三| www.753019.com-新浪佬牛足彩博客| www.yo09.com-微信群买彩票合法吗| www.10hq.com-体彩大乐透众彩网| www.685727.com-好运来彩票网登录| www.052923.com-买彩票就这几招下载| www.1566.net-官方云彩宝-| www.882416.com-易彩网代玩是真的吗| www.781652.com-快三输了钱怎么办| www.952843.com-旺彩预测大全| www.751438.com-中国3d中彩网| www.fo9.com-快乐时时彩开奖结果| www.96nz.com-中超足彩怎么买| www.421806.com-彩票双色球下载软件| www.320010.com-江苏快三大小玩法| www.898798.com-篮球彩票软件排行榜| www.pq76.com-云南快三查询今天| www.0826.org-网易彩票旧版首页| www.5396.top-简单的彩铅画花图片| www.93644.com-一分快三口诀| www.089636.com-吉林省福彩快乐十分| www.4291.top-657彩票网真实吗| www.094322.com-首尔彩票-| www.vy15.com-河北七星彩开奖| www.479321.com-竞彩足球7-| www.428520.com-彩虹伞游戏的音乐|