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天

知道了
58福彩 www.121284.com-彩票交流微信群名字| www.310075.com-福彩3d奖结果| www.088818.com-网上平台福彩快三| www.mz00.com-凤凰彩票-| www.3821.com-三地字谜双彩网| www.274274.com-上海快三三不同买法| www.385157.com-怎么更改彩票余额| www.829322.com-9彩计划网站| www.946864.com-上海彩钢板生产厂家| 爱购彩票www.335294.com| www.no21.com-福彩3d小助手| www.483904.com-北京报亭彩票| www.pr43.com-湖南福利彩票网站| www.961514.com-福彩3d快三走势图| www.433890.com-怎样买福彩不陷进去| www.537827.com-色彩与颜色有区别吗| www.620232.com-75彩票不给提现| www.65073.com-10选5是彩票吗| www.967465.com-彩票交流微信群名字| www.hm61.com-上海快三怎么赚钱| www.3gf.com-京彩娱乐地址| www.214508.com-彩票店转让-| www.027677.com-易彩网是不是合法的| www.839475.com-北京彩票发行中心| www.405827.com-app凤凰彩票网| www.542587.com-福利彩票开奖查询结| www.636157.com-彩虹6号第四年季票| www.194009.com-广西快三精准计划网| www.915376.com-三分彩全天计划| www.786316.com-双色球福彩大赢家| www.435.hk-河北快三奇偶啥意思| www.01652.com-网易足彩体育| www.671855.com-香港旧特彩吧| www.19110.com-福彩中心主任鲍学全| www.056301.com-快三时间调整| www.873.mobi-时时彩投注止损方法| www.210888.cc-快彩网骗局-| www.809218.com-众博有时时彩吗| www.lm05.com-福彩快三和法吗| www.r94.cn-江苏快三不同号推荐| www.569581.com-福彩3d寻马图久保| www.654087.com-金龙彩票官方版下载| www.737254.com-彩之网3d相年富途| www.813726.com-123彩图-| www.905697.com-大发快三和值表| www.970884.com-为什么买彩票要晚买| www.cai6877.com江西快三预测| 手机购彩www.839658.com| www.181467.com-今天快三开奖的号码| www.276269.com-各种釉彩大瓶在哪里| www.388038.com-华彩在线778| www.570745.com-60123好彩下载| www.687946.com-下载福彩网-| www.788673.com-河南彩票双色球查询| www.050901.com-k彩登录地址| www.429517.com-陕西彩旗快3| www.5925.wang-健康的标准五快三好| www.46876.com-时时彩工具手机版| www.729949.com-卓易彩票软件| www.835623.com-好彩三八猜一数| www.936295.com-聚宝盆app福彩| 68彩票www.68689d.com| www.564321.com-深圳东方亮彩注塑部| www.203348.com-快乐彩十分钟| www.624.pw-中彩票横财八字命理| www.6655.vip-分分彩五码-| www.22331.com-因为彩礼谈崩了| www.07867.com-彩票中奖彩民| www.817224.com-快三今日预测江苏| www.3650.vip-七乐彩和值走势| www.9169.biz-美国福利彩票| www.066615.com-2345彩票下载| www.197211.com-三分快三最新开奖号| www.ul58.com-内蒙古快三防摔| www.053957.com-福利彩票店怎样选址| www.141017.com-779彩票网-| www.258993.com-足彩14胜平负| www.367286.com-彩铅手绘樱花树教程| www.425900.cc-赢彩彩票软件| www.715819.com-k8彩票是违法的吗| www.802111.cc-天天乐购彩票app| www.151584.com-互联网售彩何时恢复| www.332494.com-彩票提现不到账| www.517107.com-攻击黑彩平台| www.79763.com-银川彩票店-| www.810192.com-3d丹东全图好彩网| www.11247.com-吉林快三平台出租| www.007184.com-腾讯有5分彩吗| www.109220.com-彩票服务器修改器| www.044438.com-足彩略顶-| www.490979.com-淘宝为什么不买彩票| www.535134.com-哪种彩票是5位数| www.cm85.com-吉林快三免费计划群| www.862663.com-周五什么彩票开奖| www.36dj.com-开心农场彩票| www.898273.com-彩票扫一扫查询中奖| www.342478.com-中国购彩网邀请码| www.971222.com-南国彩票社区论坛| www.497649.com-会员登录一5k彩票| www.22972.com-时时彩单双经验| www.954125.com-手机购彩软件合法吗| www.672038.com-彩票实体店行业发展| www.932167.com-本期七星彩结果| www.16559.cc-彩客网手机版app| www.770384.com-彩票店承包黑彩| 大赢家彩票平台www.703153.com| www.22xb.com-欢乐时时彩app| www.77358.com-头彩网站是假的吗| www.171217.com-福建快三走势图| www.811699.com-甘肃快三4月14日| www.447258.com-竞彩1800万大奖| www.d79.club-最稳的彩票计划软件| www.96vy.com-彩排的意思-| www.8635.in-中乐彩平台登录| www.024814.cc-福快三彩票走势图| www.213362.com-江苏快三全天计划| www.y56.club-福利彩票主任鲍学全| www.8wz.cc-彩360官方彩票网| www.014064.com-七星彩360杀号| www.377654.com-福彩时时彩小助手| www.190.tv-彩铅画可爱简单| www.170739.com-快三开奖助手免费| www.848435.com-每日竞彩二串一推荐| www.704605.com-8亿彩网页登录| www.20kf.com-茶陵公益彩票| www.23125.cc-彩票大小单双的软件| www.226059.com-河北体彩网-| www.394922.com-彩虹秒赞网正版查询| www.rr42.com-彩民之星内部验证码| 众乐彩票www.587944.com| www.380215.com-刷彩网是什么意思| www.504208.com-彩排近义词是什么| www.598653.com-买彩票中奖真实新闻| www.672702.com-福利彩票作假案| www.523061.com-558赢彩安全不| www.507926.com-中兴彩票平台| www.849749.com-湖北快三新规则| 500彩票www.50788d.com| www.115616.com-澳客彩票网14场| www.207813.com-500彩app下载| www.705320.com-彩票帝王彩平台| www.027908.com-网络私彩平台排行榜| www.209669.com-福彩快开彩走势图| www.878757.com-福彩积分怎么下载| www.909.mobi-临沂体彩中心电话| www.678314.com-旺彩走势图下载安装| www.111385.com-腾讯5分彩人工计划| www.562887.com-二八彩app下载| www.885193.com-今日七星彩预测一注| www.64fd.com-叶子主持福彩| www.036622.com-竞彩2串1大奖| www.337530.com-免费注册给彩金| www.811091.com-书手机彩票-| www.ac66.cc-体彩今日开奖直播| www.ud05.com-123彩票网站彩| www.019204.com-彩票之家开奖| www.129363.com-今日体彩双双字谜| www.01201.com-足彩赔率分析技巧| www.01847.com-十分彩江苏快3| www.64747.com-澳彩欧赔分析| www.046901.com-3号彩票下载| www.193542.com-惠民彩票骗局| www.292599.com-易彩堂599tcc| www.226103.com-百盈江苏快三代理|