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.577696.com-安徽体彩专管员待遇| www.802454.com-福彩3d开奖记录| www.969642.com-乐彩论谈手机版| www.vt16.com-精彩十分走势图表| www.710.website时时彩万能6码对应| www.8443.cn-亚博体彩是诈骗吗| www.65317.com-青海省福彩中心| www.563938.com-体彩竟彩开奖时间表| www.744848.com-开个彩票网站多少钱| www.893572.com-乐彩网一分快3真假| www.af12.com-江苏老快三开奖记录| www.c47.com-百宝彩票江苏快3| www.96tj.com-玩彩票啥意思| www.7900.cc-霍金彩票中奖公式| www.205911.com-13彩票平台合法吗| www.571967.com-中国体育彩票| www.882827.com-爱彩网-| www.339354.com-爱乐彩荐胆-| www.977576.com-彩票介绍-| www.8fb.com-55彩票平台合法吗| www.2720.cn-南京福彩兑奖中心| www.89912.com-彩票店在线接单| www.800113.cc-黑客破解快三| www.751.space-时时彩三星和值走势| www.9611.in-买彩票需要身份证吗| www.325802.com-体彩排三彩经网| www.501308.com-易彩堂公司地址| www.682821.com-中国体彩3d走势图| www.824023.com-幸运时时彩网站| www.4954.org-胜负彩中奖彩票| www.032890.com-谁有福彩网邀请码| www.193062.com-贵州快三提前预测| www.46wc.com-莆田体育彩票装修| www.94408.com-pc彩票骗术-| www.373050.com-光大彩票手机版平台| www.994315.com-外围彩票网站排行榜| www.8606.loan-那些网上彩票不合法| www.365166.cc-重庆三分彩怎么玩法| www.259718.com-时时彩平台官方网| www.610329.com-我要查看体育彩票| www.878591.cc-竞彩奖项-| www.981924.com-大发快三怎么买大小| www.13ci.com-九州体彩-| www.966077.cc-福彩3d大小玩法| www.928318.com-2017七星彩奖表| www.60607.cc-云南十一选5爰彩乐| www.9218.cc-小鹿多彩彩票| www.483568.com-信彩计划网-| www.916588.cc-黑客黑私彩-| www.735645.com-体彩大乐透的概率学| www.449144.com-彩票站怎么样| www.4940.cc-d9娱乐彩票-| www.459458.com-想中福利彩票翻身| www.337766.cc-青海福利彩票招聘| www.75kp.com-足彩最多能买多少棵| www.568429.com-福彩3d巧妙断组法| www.59297.com-福彩站怎么赚钱| www.659574.com-新彩网6-| www.051303.com-香港快三预测| www.14995.com-全民彩票提现不到账| www.191671.com-彩票走势图分几种| www.297610.com-彩02彩票手机版本| www.579145.com-福彩一等奖奖金多少| www.593.red-福利彩票网址大全| www.9085.vip-海南七星彩头尾图| www.768800.cc-众恒彩票平台| www.472821.com-云南快乐十分彩票空| www.87880.cc-买三分彩技巧| www.778823.com-中国体彩电脑网页版| www.912283.com-网上买彩票会不会抓| www.301830.com-今晚开什么奖七星彩| www.443313.com-采购彩涂板价格| www.630719.com-彩霸王12码期期准| www.776995.com-彩77官网苹果| www.892822.com-k8彩票在线登录| www.92ik.com-彩票情缘xt-| www.8874.org-足彩8串1开奖查询| www.294442.com-彩票平台注册送礼金| www.254421.com-亚博彩票软件| www.5189.pw-四川体彩在哪里兑奖| www.294822.com-彩易福彩-| www.434227.com-甘肃彩票中奖| www.546782.com-体彩移机申请怎么写| www.867075.com-一定牛彩票推荐| www.536290.com-牛彩票预测-| www.418630.com-足球彩票漏洞| www.653992.com-基诺彩彩票开奖记录| www.984981.com-体彩足球比分直播| www.60zw.com-富彩娱乐平台下载| www.6464.in-大发云彩票投诉| www.007580.com-体体彩-| www.028452.com-彩票快三入门| www.363287.com-彩票几天一次正常| www.853324.com-彩票买大小的是什么| www.996457.com-佬牛足彩解盘| www.xd09.com-百彩网天空免费彩票| www.0961.xyz-日本优彩-| www.749678.com-3o6官方彩票| www.073900.com-体彩大透乐杀号定胆| www.232208.com-重庆时时彩单双窍门| www.307198.com-彩票中奖兑换时间| www.363771.com-彩虹色的花教案| www.425228.com-添点七彩鲜花网| www.513573.com-赢彩彩票y655| www.573308.com-彩票冷热温码怎么看| www.3073.cm-七星彩番外| www.96573.com-订婚彩礼钱怎么退| www.465738.com-网易竞彩足球预测| www.600086.cc-彩票真的靠运气吗| www.670376.com-百强彩票官网| www.733194.com-上海福利彩票显示| www.797046.com-玛雅吧彩票首页| www.991977.com-深圳体彩几位数| www.975796.com-云购彩票网站| 爱彩www.235127.com| www.261115.com-彩票驿站官网| www.340813.com-天牛3d彩涂牛材网| www.408010.com-福彩几个数字| www.897046.com-秒速高频彩长龙提醒| www.dm1.com-深圳福彩20选1| www.327.vip-中发彩票平台合法吗| www.1695.wang-爱乐透彩票安卓版| www.8929.cc-彩票七星彩几点开奖| www.23xl.com-还出售的网络彩票| www.825.mobi-时时彩买0369| www.cx8.com-中国福彩的宗旨| www.979379.com-泰国好彩四味爆珠| www.zf2.com-上海福彩时时乐开奖| www.vq91.com-扫彩票查中奖| www.052921.com-大发快三豹子多久出| www.89823.cc-彩票店营销-| www.777651.com-大地合买彩票源码| www.588941.com-爱购彩网址可信吗| www.128476.com-500万彩彩票| www.019977.com-体彩网购-| www.111271.com-彩民福地app| www.256678.com-人人中彩票下载不了| www.365995.cc-众购彩票登陆| www.468904.com-福彩式机号今天| www.77098.com-众彩博长是什么意思| www.099812.com-今曰体彩开奖号| www.860099.com-破解快三软件下载| www.996712.com-福利彩票机选和自选| www.9917.in-7意彩注册-| www.24dw.com-彩票开奖多期查询| www.836706.com-竞彩过关计算器| www.922559.com-河南周口结婚彩礼| www.984401.com-彩票开奖分析选号器| www.cp3989.com-彩票快三规律破解| www.92211.cc-彩票复式球如何计算| www.919389.com-福彩刮刮奖有假票| www.83ua.com-彩39彩票官方下载| www.16600.cc-五百彩票网雪球| www.085045.com-台码福星彩开奖| www.10ix.com-彩铅画花卉图片简单| www.ry00.com-官方彩5分快3| www.165700.com-中彩平台提现规则| www.001509.com-成都蓉彩网官方网站| www.188477.com-内蒙古11选5彩票| www.14qv.com-彩票停售时间几点| www.477678.com-体彩店买足彩吗| www.562076.com-时时中彩票软件| www.826733.com-东润娱乐彩票| www.nc2.cc-河南体彩排三预测|