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.5782.cc-深圳市福彩兑奖地址| www.660614.com-下彩主页-| www.720899.com-88爱彩下载-| www.839569.com-内蒙古快三查询| www.926938.com-红旗彩票手机app| 大赢家彩票平台www.703602.com| www.66zd.com-幸运分分彩是什么| www.670437.com-中奖彩票票面怎么看| www.793508.com-胜彩论坛〖永久网址| www.952642.com-上海快三计划群| www.cp4858.cc-uu快三骗局揭秘| www.7rm.com-彩票中奖夫妻怎么分| www.kd88.com-福彩双色球球选号器| www.82uq.com-竞彩之家图片| www.68608.com-竞彩平台快三| www.733962.com-彩迷推荐-| www.448748.com-太原福彩中心官网| www.943655.com-今晚六会彩开奖生肖| www.vk65.com-吉林省快三开奖说明| www.34487.com-彩88篮球彩票专家| www.994320.com-尊彩网邀请码在哪里| www.ga81.com-江苏快三代理网| www.yg99.cc-67彩票官网平台| www.5234.me-赛马派彩及结果s1| www.341444.com-诺亚彩票平台客户端| www.83nm.com-2分钟开一次的彩票| www.144182.com-竞彩足球赔率抓平局| www.257807.com-uu快三软件下载| www.6845.vip-3d第三版彩吧| www.686033.com-福彩票有精准吗| www.855016.com-体彩排5开奖今天| www.kw2.cc-甘肃快三88走势图| www.178267.com-分分快三官网| www.298566.com-三分快三开奖号码| www.412344.com-008彩官网-| www.523969.com-彩富網資料-| www.wo91.com-怎么从走势看彩票| www.89368.cc-福彩双色球摇号机| www.163051.com-福彩快三怎样守豹子| www.249233.com-皇家彩-| www.761262.com-快三辅助软件骗局| www.905037.com-捷豹彩票平台地址| www.cai4411.com中国福彩快3图| www.t23.cn-蚂蚁彩票是真的吗| www.78433.com-新浪足球彩票彩票| 万历彩票www.77114t.com| www.875282.com-彩票王app-| www.ha41.com-重庆时时彩诈骗案件| www.zq12.com-中国足球彩票胜负彩| www.534534.cc-七星彩属于什么彩票| www.5282.cn-优彩彩票app官网| www.900871.com-3d水果图彩吧| www.620922.com-寄希望于彩票| www.740044.com-福利彩票有哪些号码| www.74815.com-福利彩票骗局揭秘| www.035858.com-彩票优惠活动广告词| www.04528.com-怎样在手机上买足彩| www.60mf.com-网易红彩怎么买彩票| www.946318.com-周口普遍彩礼多少| 39彩票www.3933c.com| www.7974.vip-彩博赌博正规网站吗| www.654014.com-网投送彩金58元| www.496365.com-乐彩彩票怎么样| www.72267.cc-彩票打印是什么程序| www.83608.cc-易中彩票哪里下| www.8732.wang-多彩网字谜-| www.197664.com-网易彩票开奖大全| www.842678.com-金多彩票-| www.923851.com-秒速快三在线预测| www.980780.com-金彩网彩票与你同行| www.kc.com-彩票app破解| www.nr71.com-网赌彩票是不是真的| www.7686.cn-彩汪汪双色球预测号| www.26025.com-彩虹在爱情里的含义| www.318524.com-高频彩新规定| www.103794.com-国乐彩破解方法| www.58533.cc-爱彩通有手机版吗| www.168210.com-湖北快三走势| www.23zq.com-尼彩官网首页| www.326875.com-奥鸿集团彩票合法吗| www.6388.win-財富彩票-| www.019278.com-贵州省福彩管理中心| www.6336.in-找彩票网站软件| www.642380.com-福彩图片精美| www.597015.com-金祥彩票网开奖直播| www.701271.com-充100送18彩金| www.805133.com-七乐彩3等奖多钱| www.886469.com-微信上下分中华彩| www.949528.com-重庆时时彩万能公式| 99福彩www.356776.com| www.470580.com-在国外怎么买足彩| www.559902.com-外国彩票收藏| www.627153.com-彩票视频直播| www.821216.com-武汉福彩领奖流程| www.371763.com-彩天下是真的假的| www.564909.com-福彩3d所有图报| www.489552.com-657彩票网登录| www.883019.com-快三一等奖多少钱| www.93cf.com-幸运彩跑马投注技巧| www.421135.com-牛彩客户端下载| www.036226.com-快三彩票术语大全| www.237144.com-7k官方彩票-| www.921144.com-彩神vi能挣钱吗| www.561327.com-名人彩票合法吗| www.3gz.com-热购彩票是黑网站吗| www.74ez.com-体彩500万给支票| www.18532.com-派彩洗面奶好吗| www.34434.com-彩票到哪领奖| www.cp7751.com-福利彩票开奖| www.567880.com-彩票网怎么盈利| www.640069.com-彩虫安卓手机版下载| www.715747.com-彩票双色球怎么买| www.781449.com-卓易彩票合法吗| www.3030.tv-5050彩票太假了| www.24473.com-古风女子彩铅画教程| www.66791.com-3d图第二彩吧| www.929560.com-彩票论坛中彩网论坛| www.f35.live-乐盈彩票是正规的吗| www.31527.cc-快三1135投注法| www.94177.com-手机版pc彩票| www.356753.com-买篮球彩票胜负| www.475320.com-500万彩票网招聘| www.272677.com-贵州快三当前遗漏| www.26hd.com-买彩票照片-| www.333.hk-七k官方彩票网站| www.4940.cc-d9娱乐彩票-| www.718513.com-彩虹象征-| www.845783.com-彩票有意思-| www.957873.com-爱彩乐注册-| www.7fs.com-河南快三几分钟一期| www.323862.com-乐彩站app-| www.782707.com-福彩中心下载安装| www.186862.com-快三万能三码| www.117440.com-足彩最新分析预测| www.22030.com-彩票刷流水怎么赚钱| www.96500.cc-台湾有几种彩票| www.756230.com-7星彩直播开奖视频| www.182931.com-宁夏快三玩法技巧| www.306427.com-688彩票软件| www.671739.com-双色球走势彩宝网| www.059667.com-8k彩app-| www.359063.com-江苏快三分析| www.761300.com-彩票256手机版本| www.jp00.com-网络彩票诈骗案| www.11vy.com-分分彩票官方app| www.851908.com-360老快三-| www.33126.cc-上海福利彩票选三| www.212541.com-必赢彩票账户余额| www.025857.com-加盟时时彩代理平台| www.922459.com-上海足彩分析师招聘| www.590734.com-七星彩八卦规律| www.753802.com-吉祥彩票app下载| www.76lw.com-七乐彩到几点停售| www.323560.com-福彩走势图表| www.557838.com-酷彩app官方下载| www.680639.com-彩票每晚开奖号| www.62687.cc-体彩快乐扑克三| www.509504.com-体彩中奖后怎么兑奖| www.42576.com-网络彩票停售| www.251252.com-今日中彩是假的吗| www.98658.cc-美国一分彩怎么开奖| www.130169.com-查一下子体彩| www.cq79.com-彩票店利润-| www.188436.com-安徽快三真是害人|