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天

知道了
亚洲28 www.365949.com-七星彩今日预测| www.60022.cc-66微彩官网-| www.085305.com-彩票77app下载| www.88rd.com-牛网福彩杀码| www.5919.xyz-易旺彩票是正规的吗| www.001667.com-福彩3d众彩专家| www.4975.biz-梦见彩票兑奖| www.94jl.com-彩票盘口出租平台| www.13qc.com-教学设计题中彩那天| www.297591.com-v9彩票-| www.442987.com-足彩计划单坑人| www.575457.com-彩99老版下载| www.769633.com-分分彩后三-| www.891717.com-熊猫两分彩-| www.um51.com-3d彩宝网走势图| www.0536.live-精准快三计划软件| www.8059.cm-儿童创意水彩笔画| www.44448.com-全民彩乐汇-| www.583903.com-富鱼网触屏版彩票| www.689727.com-国家卖彩票赚钱吗| www.795009.com-福彩3d最新八卦图| www.881470.com-十三国际彩票咋样| www.969795.com-义乌市福彩中心| www.cp0417.com-福彩河北快三走势图| www.o74.net-买了彩票怎么看| www.287.in-七星彩中3位多少| www.5116.vip-金龙系统彩票| www.247557.com-快三大小规律| www.855914.com-吉祥彩票网-| www.051241.com-足彩缩水app| www.218770.com-go彩下载-| www.367682.com-水彩星空图片| www.568679.com-约彩365停了吗| www.721793.com-北京彩票中大奖故事| www.814694.com-大掌柜3d彩票| www.892713.com-竞彩足球的漏洞| 彩票坊www.583877.com| www.238766.com-送彩金的彩票| www.342154.com-期期有好彩-| www.453168.com-彩票是实名制的吗| www.553783.com-彩票店开业介绍| www.650269.com-亲子彩虹伞玩法| www.783881.com-快三高手稳赚| www.865737.com-app23彩票-| www.937342.com-台湾福星彩开奖结果| 网易彩票www.061wy.com| www.gk53.com-福彩网充值记录图| www.7542.top-申请竞彩的条件| www.529181.com-体彩大乐透新浪网| www.a01.org-东方一分彩app| www.54gq.com-贵州体彩网欧阳| www.99884.cc-苹果版彩6下载| www.845611.com-台湾彩票有哪些种类| www.911242.com-鼎盛集团彩运8下载| www.977842.com-足彩官方网站| www.uc9.cc-福彩开奖号-| www.228.pw-时时彩任选玩法介绍| www.43670.com-福彩好运四开奖结果| www.080673.com-马来西亚盛兴彩票| www.083356.com-七乐彩13-| www.195787.com-江西福彩双色球| www.416594.com-三分彩网计划| www.553878.com-竞彩足球怎么玩儿| www.647414.com-分分彩太假了| www.783275.com-保定市彩票点转让| www.910535.com-双色球快三玩法介绍| www.990009.com-重庆时时彩app| www.dh20.com-七星彩兑奖方法| www.zc40.cc-彩票分析软-| www.42il.com-3d彩票老店主推荐| www.099993.com-易盈彩票app| www.3482.cm-双色球人人中彩票| www.8364.com-360彩票安全购彩| www.24453.com-用彩铅画浪漫樱花树| www.61367.com-家彩搜索-| www.365226.com-600彩票是假的吗| www.634178.com-北京七彩国际美容| www.692093.com-江苏体彩e球走势图| www.024495.com-内蒙古福利彩票3d| www.331165.com-彩神l大小-| www.009631.com-a4彩膜手机-| www.20832.com-六彩票-| www.7658.cm-体彩柜台最新| www.43095.com-彩票双色球几点停售| www.040019.com-8号彩票官方网站| www.451898.com-时时分分彩怎么玩| www.803638.com-买体彩排列五的技巧| www.896864.com-广西快三官网开奖| www.960174.com-彩摘牛摘网-| 彩票5www.198109.com| www.541318.com-河南省福彩领奖地址| www.121.online-南韩饭圈彩虹屁大全| www.5qy.com-一定牛彩票12选5| www.68oa.com-彩票澳客网-| www.2351.pw-体彩有3d吗-| www.898116.com-电脑版彩吧助手| www.969094.com-彩虹计划真的假的| www.gh.cc-中国官方彩票app| www.464576.com-55215彩吧-| www.566857.com-彩虹六号进游戏蓝屏| www.654849.com-彩票微信诈骗| www.957435.com-甘肃省快三软件下载| www.331773.com-2345app彩票| www.503567.cc-足竞彩比分直播| www.595779.com-彩票怎么看中奖了没| www.759962.com-老时时彩计划| www.870000.com-彩票k线趋势软件吧| www.966009.com-快三个位计算公式| www.dx92.com-共赢彩票平台| www.349055.com-彩票冷热什么意思| www.19119.cc-体彩实体店厂家报价| www.668391.com-中国彩票最高奖| www.762215.com-篮彩投注-| www.850094.com-分分时时彩有假| www.906966.com-全发彩票彩种| www.961343.com-官方彩31-| 乐盈彩票www.lyc55.com| www.09wj.com-福彩什么时候封盘| www.081092.com-佛教求财彩票中奖| www.010222.com-青海快三奖金规则| www.121647.com-竞彩足彩app下载| www.4wf.com-福彩3d怎么看走势| www.47gc.com-谁会玩新浪爱彩| www.390531.com-体彩彩吧图-| www.038601.com-信彩娱乐app计划| www.676518.com-l彩票查-| www.863867.com-广西快三一天多少期| www.943410.com-百信赢彩票-| 500万彩票www.500pt.com| www.170298.com-彩票开奖河南快三| www.74kq.com-科彩印务工资怎样| www.722973.com-168彩票安装| www.876710.com-幸运彩票不能提现| www.956041.com-彩票双色球蓝球谜语| www.dq86.com-彩神uv打印机官网| www.te19.com-快乐时时彩五星计划| www.32jb.com-多彩宝缴纳水费| www.3075.com-云购彩票网官网首页| www.8433.vip-湖北彩条布厂家| www.274244.com-梦见买彩票中奖号码| www.347988.com-天天彩票助手注册邀| www.oe9.com-双彩论坛真实的谎言| www.47fv.com-3d杀号彩票2元网| www.yy91.cc-北京快三基本走势| 凤凰彩票www.77802z.com| 8号彩票www.81520j.com| www.629.cm-e彩票网站-| www.220617.com-彩神几个官网| www.380884.com-肥城新城路体彩站| www.561713.com-彩计划中怎样买彩票| www.225672.com-香港意大利彩金骗局| www.u20.cx-福彩彩三地字谜| www.33152.com-福建体彩官方网下载| www.022465.com-重庆时彩0369法| www.316884.com-七乐彩开奖号| www.687884.com-巴西快三辅助| www.577154.com-彩票历史-| www.730298.com-买时时彩能赚钱吗| www.838353.com-京彩7515com| www.906398.com-彩金是黄金吗| www.969779.com-福彩现在还敢买吗| www.413101.com-好彩票网址| www.019913.com-365彩票时时彩| www.8661.cn-七乐彩3拖9-|