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.80ek.com-时时彩任选4技巧| www.fq13.com-快三怎么打容易中奖| www.27rx.com-彩民算不算赌徒| www.83205.com-福利彩票站投诉电话| www.878973.cc-本期彩票中奖号码| www.30071.cc-共赢国际彩票网址| www.30nf.com-新浪彩票电脑板| www.542283.com-大乐透彩票怎样兑奖| www.692902.com-乐乐彩计划-| www.558293.com-大赢家彩票计划软件| www.055476.com-66好彩app-| www.974681.com-奥客网竟彩足球| www.355414.com-彩奈奈奈百度贴吧| www.871651.com-手机足彩缩水软件| www.80020.com-网上举报彩票违规| www.773299.com-申航彩票是骗局吗| www.201770.com-大发快三app| www.313622.com-辽宁唯博彩票信息| www.407063.com-谁有七星彩投注网站| www.546539.com-香港赛马派彩及结果| www.661551.com-足彩入门知识| www.759511.com-大中华彩票首页| www.947811.com-代玩幸运5快三| www.215973.com-彩票人工计划app| www.xj65.com-400500好堂彩| www.124024.com-福彩3b走势图带| www.57589.cc-青海省快三开奖果| www.541319.com-彩票一分pk10| www.875313.com-彩票微社区-| www.90441.com-天吉彩票论坛手机| www.267320.com-彩票开奖直播| www.255081.com-彩票指南报纸双色球| www.47or.com-彩力刚芽-| www.r42.com-易发彩-| www.883054.com-彩票十一选五济南| www.977240.com-濮阳彩礼新规定| www.cs92.com-网络黑彩大案| www.e04.org-体育彩票481购买| www.77mm.cc-福彩店面装修图| www.3401.win-7070彩票最新版| www.27499.com-重庆快乐十分爱彩乐| www.308503.com-正规网络彩票平台| www.302657.com-提前开奖器彩票| www.013866.com-七星彩试机号码| www.128729.com-福彩刮刮卡图片| www.689861.com-微彩平台app下载| www.862300.com-河南体彩电话号码| www.969651.com-精彩音乐汇站台杨坤| www.wp2.cc-福彩3d预测推荐| www.887328.com-038彩票下载网站| www.zd2.com-彩票平台提现失败| www.27cr.com-彩票台子app| 多乐彩票www.364343.com| www.286398.com-快彩网下载-| 大赢家彩票www.5086h.com| www.8936.xyz-好彩票正规官方网站| www.484661.com-青娃彩票现场直播| www.759426.com-大中华彩票群| www.552957.com-大发5分时彩| www.933185.com-蓝月亮天天开彩| 易彩网www.99638h.com| www.021216.com-双色球彩票走势图| www.007825.com-zucp福彩体彩| www.115907.com-足彩直播比分直播| www.201254.com-十分快三是骗人的么| www.268603.com-辽宁福利彩票快三| www.783028.com-体彩11选5开奖号| 网易彩票www.077wy.com| www.d94.net-黑彩平台流水怎么刷| www.bn1.cc-手机福彩双色球投注| www.651368.com-3分钟快彩怎么玩| www.274615.com-玩快三为什么会输钱| www.295731.com-彩票开奖图片大全| www.919999.com-网上买彩票能挣钱吗| www.272356.com-好彩香烟多少钱| www.366939.com-彩铅画麋鹿图片大全| www.308931.com-旺旺彩票平台网站| www.561206.com-365彩票网站| www.097776.com-微信带玩快三| www.012831.com-上海快三号码预测| www.691900.com-天易彩票正规吗| www.894732.com-中国彩票走势图分析| www.964746.com-彩福网-| PK彩票www.959122.com| www.47en.com-彩票直销-| www.335894.com-广西彩票官网下载| www.445554.com-福彩八卦图博客| www.755142.com-安装中彩网-| www.857877.com-动物总动员福彩| www.961614.com-各色釉彩大瓶观后感| www.cai172.com-江西快三开奖| www.234949.com-体彩136-| www.384011.com-彩票防伪技术| www.550047.com-下载福体彩开奖结果| www.636057.com-彩6墨冰多少钱| www.718785.com-中国彩虹旗事件| www.625218.com-七乐彩中六个基本号| www.733705.com-福利彩票刮刮奖| www.806038.com-球酷彩票-| www.845009.com-福彩全国联销| www.669731.com-海南七星彩直播开码| www.417754.com-彩虹6号围攻图片| www.730569.com-哪个彩票软件靠谱| www.814198.com-河北省快三开奖公告| www.173277.com-分分快三有亏钱的吗| www.318848.com-快三微信群2018| www.432120.com-彩之星主页-| www.519276.com-家彩千禧试机号| www.ph.com-快三是什么的简称| www.758558.com-微彩站是哪里出的| www.7336.vip-7号彩虹电池| www.95564.cc-彩票公益金管理现状| www.118046.com-玩彩票一天输了5万| www.21273.cc-彩票复式买一个号码| www.73em.com-有在蒂之彩学过的| www.917989.com-玩彩票大平台怎么样| 亚投彩票www.ya619.com| www.94ai.cc-易彩堂总公司这哪里| www.567108.com-彩虹台手机直播苹果| www.001365.com-福彩三d开门彩| www.17ga.com-甘肃体彩大乐透走势| www.77793.com-天天体彩直播开奖| www.99772.cc-快三高手投注技巧| www.793787.com-红旗彩票网怎么样| www.903263.com-幸福彩票靠谱吗| www.974146.com-幸运五星彩开奖软件| www.io62.com-唯彩推荐-| www.z61.org-七乐彩奖号走势图| www.58dm.cc-彩8提现不了怎么办| www.607811.com-中国福彩种类| www.04ud.com-彩铅绘画欣赏图片| www.it41.com-竞彩网足球-| www.879743.com-彩票计划团队大全| www.1724.vip-博彩娱乐送彩金大全| www.7358.com-七彩虫子-| www.506392.com-u9彩票网论坛| www.607923.com-彩铅画荷花怎么画| www.695139.com-福彩公益诗字谜| www.804221.com-天盛网彩票托| www.896070.com-福彩双色球合买大厅| www.975361.com-彩票大乐透怎么玩法| www.gc55.com-欢乐国际彩票骗局| www.983839.com-宁波体彩领奖流程| www.cj86.com-全部快三下载安装| www.wy00.com-中彩网是官网吗| www.18sq.com-彩票七乐彩几点开奖| www.88ik.com-博汇彩票能赚钱吗| www.113108.com-麒麟彩票计划网| www.294844.com-注册送彩票-| www.619439.com-十四场胜负彩直播| www.877765.com-竞彩足彩算赌博么| www.965311.com-江苏快三3中奖技巧| 中福彩票www.631257.com| www.16156.com-中国体彩副主任| www.707089.com-南充福利彩票网| www.69ia.com-国民彩票登陆| www.ff93.com-网站江苏快三破解版| www.11ul.com-游戏厅彩票能换币吗| www.1170.pw-公益体彩宣传语| www.4639.vip-一般彩票买什么好| www.23733.cc-天天中彩票彩种升级| www.816480.com-为什么买快三总输钱| www.7642.cn-体彩开奖宣传图片| www.2158.com-乐彩vip有人玩吗|