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.92ib.com-去哪里找彩票工资车| www.234521.com-买彩金的都受骗了吗| www.407858.com-七星彩票怎么兑奖| www.539790.com-手机软件彩票靠谱吗| www.707597.com-大乐透新浪爰彩走势| www.47uj.com-118彩票在线客服| www.4052.cn-彩票幸运选号模拟器| www.93172.com-彩钢瓦屋顶防水隔热| www.809893.com-彩票新游戏-| www.230910.com-163彩票-| www.791794.com-全民汇彩票秘诀| www.883627.com-辽宁快乐12爱彩乐| www.995401.com-北京海淀彩票站| www.bk54.com-福利彩票快三计划| www.wb21.com-甘肃快三中奖奖金| www.29fj.com-体彩足球竞猜开奖| www.720349.com-七星彩大小单双技巧| www.814599.com-19038期足彩| www.900137.com-22彩票下-| www.966060.com-5分钟一期的传统彩| 13e彩票www.817824.com| www.pd76.com-视频型彩票-| www.7iq.com-送人彩票当礼物| www.80jd.com-粤海七星彩论坛| www.282738.com-彩99官方网站| www.391928.com-新256时时彩| www.151528.com-湖北省快三预测| www.311627.com-五福彩票注册| www.378999.com-3的字谜双彩论坛| www.477987.com-时彩族人工计划官网| www.557217.com-九龙彩票英国五分彩| www.647706.com-时时彩怎么买都输| www.719025.com-彩虹是什么形成的呢| www.795290.com-博彩乐时时彩平台| www.788196.com-河南洛阳彩礼多少钱| www.938245.com-快三投注群微信| 纵横彩票www.903839.com| www.959687.com-彩61下载安装| www.cai82.cc-快三走势图甘肃| www.028170.com-快开彩票网址| www.9742.xyz-环彩网是真的吗| www.73wz.com-彩票3d号码分布图| www.637891.com-竞彩公益金-| www.780574.com-赢彩彩票与你同在行| www.870645.com-易旺彩票地址| www.948459.com-安庆体彩店哪个靠谱| www.11174.com-福彩快开彩是什么| www.449181.com-彩票店中奖有提成没| www.631582.com-2018年广东彩王| www.760689.com-重庆时时彩分析软件| www.895001.com-帮别人彩票投注| www.974714.com-彩票中奖收税| www.65ta.com-武汉福彩兑奖中心| www.402196.com-易彩彩票网站合法吗| www.545433.com-福彩销售点申请| www.679513.com-彩经彩票骗局| www.762295.com-足彩竞彩单场| www.891380.com-彩票优惠活动广告词| www.974494.com-昨日福彩开奖信息| www.yo3.com-网络买彩票平台| www.160690.com-苹果彩票导航| www.200766.com-吉林新快三-| www.304179.com-正规竞彩-| www.387001.com-韩国金山快三查询| www.592368.com-彩票app销售| www.678598.com-彩票网投网站有哪些| www.762653.com-众博彩票是合法的吗| www.832981.com-富赢彩票下载| www.899893.com-1392天天彩票| www.977507.com-体彩世界杯竞猜赔率| www.cp2349.com-快三333后面| www.633602.com-易网彩票网彩| www.46899.com-秒速时时彩单期计划| www.183810.com-宁夏快三历史数据| www.712522.com-人人彩客服小雅| www.ob54.com-竞彩足球数据| www.345183.com-澳客体彩软件下载| www.411318.com-唯彩看球下载| www.505942.com-中国彩票引发的案件| www.576583.com-福彩快三组合表格| www.639010.com-网上刮刮乐彩票软件| www.701303.com-足彩比分预测310| www.770467.com-排列三彩涂二版| www.175970.com-一分快三破解器下载| www.252516.com-51中彩官方下载| www.019810.com-福彩作假视频| www.128034.com-彩虹宝宝兔叨叨| www.480949.com-和彩云怎么换手机号| www.9943.org-cc彩球网登陆中心| www.830116.com-网易福彩3d走势图| www.932702.com-118彩票靠谱吗| 大赢家彩票网www.83033c.com| www.181.mobi-彩名堂怎么下载不了| www.739764.com-盛源彩票下载| www.830514.com-彩票app查询软件| www.911499.com-时时彩计划专业版| www.974203.com-28彩票平台-| 大赢家彩票平台www.791651.com| www.669617.com-中国哪种彩票不骗人| www.775196.com-七星彩不太好中奖| www.ds15.com-彩票中奖有技巧| www.114332.com-福利彩票怎么随机买| www.206841.com-十一选五快彩下载| www.218160.com-123彩票靠谱吗| www.312018.com-甘肃福利彩票春节| www.669285.com-彩票的数据统计工具| www.4813.cm-福利彩开奖记录| www.16175.com-彩客站app-| www.72660.com-体彩大乐透预测专家| www.037751.com-超级七乐彩助手| www.397739.com-福彩3d今天出什么| www.860979.com-好彩1开奖时间| www.946925.com-彩色沥青平米造价| 中国福利彩票www.3478f.cc| www.925817.com-彩富网天空彩天| www.874637.com-华彩快三网真的假的| www.6584.win-鑫彩网平台怎么样| www.51926.com-体彩排列三72期| www.96711.cc-足彩大赢家比分直播| www.054633.com-嬴彩天下720| www.165211.com-掌中彩可以提现吗| www.230907.com-福彩三的赵公明预测| www.300076.cc-快三速查表和值图片| www.76199.cc-足彩倍投十连黑概率| www.734933.com-买哪个彩票好| www.827933.com-乐猫彩票下载| www.906925.com-河南省彩票品种| www.968251.com-彩票排列11011| 彩世界www.99788j.com| www.570765.com-上海七乐彩-| www.640922.com-体彩名片设置| www.728561.com-高频彩是骗局| www.802199.com-云南彩票开奖查询| www.862923.com-七星彩开奖信息| www.992221.cc-时时彩定位胆必中法| www.fy79.com-英国时时彩开奖网络| www.wv82.com-快三单双大小怎么看| www.37uq.com-七星彩这个软件| www.576124.com-体彩排列三三码遗漏| www.498115.com-彩票代玩给佣金| www.080010.com-彩票纳税-| www.691494.com-澳客彩票专家预测| www.99qq.com-体彩小红包中奖图片| www.3859.net-dd彩票网安全吗| www.937888.com-快三和值有猫腻么| www.082031.com-澳门三分彩哪些平台| www.563036.com-彩润发彩票论坛| www.77wr.com-私彩和黑彩的区别| www.3615.com-宜昌快三查询| www.0446.vip-如何做彩票代| www.8564.vip-3月2号体彩中奖号| www.25038.cc-48色彩铅色卡| www.73878.cc-福彩双色球几点停售| www.86940.com-快三开奖查询今天| www.612629.com-马来彩开奖直播| www.666170.com-福利彩票和啥能一起| www.723072.com-双色球开机号中彩网| www.789111.cc-足彩红七公微博| www.843044.com-中国最早的彩票| www.891370.com-彩票没中幽默句子| www.950522.com-彩票开奖查询七位数| www.993908.com-我想玩彩-| www.cp5988.com-宁波快乐彩开奖结果| www.lo13.com-安徽快三的玩法|