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.52485.cc-好彩网可靠吗| www.974300.com-网购彩票是骗局吗| www.123168.com-彩6彩票邀请码| www.07398.cc-时时彩三期必中计划| www.751502.com-彩票碎了还能兑| www.2816.cn-西安体彩店转让信息| www.128405.com-竞彩模拟比赛| www.ki43.com-大连体彩中心在哪| www.132370.com-彩礼不得超2万| www.254870.com-彩票开奖查询大乐透| www.810557.com-七乐彩每周开奖时间| www.909805.com-乐彩app官网| www.982024.com-微彩店app下载| www.bw42.com-足彩310什么意思| www.xn33.com-公布中国湖南福彩| www.57736.cc-168彩票网166| www.506113.com-江苏老快三开奖考| www.610329.com-我要查看体育彩票| www.lm84.com-中彩网网址上不去了| www.995.cm-七星彩中奖计算| www.537550.com-中彩网3d字谜专区| www.56392.cc-彩富网app下载| www.397198.com-v9彩票可信买| www.75ho.com-武汉足彩到哪领奖| www.250779.com-天天中彩软件| www.130600.com-甘肃福易快三| www.188615.com-快三平台登录网址| www.276078.com-快中彩-| www.358304.com-101彩票网-| www.446041.com-哪里有彩票平台出租| www.68651.cc-乐彩网注册官网登录| www.801.me-歌词里最美的彩虹| www.132959.com-精彩江苏快三| www.233660.com-湖北快三热点早知道| www.914946.com-广西快三计划网址| www.84894.com-七星彩开机号今天| www.4681.vip-3d家彩网独胆| www.172651.com-河北快三开奖号码| www.734.in-u9彩票苹果版| www.4995.vip-彩票中心加国无忧| www.62613.cc-七星彩的中奖号码| www.239529.com-分分彩害得我好惨| www.18667.cc-快三对子对照表| www.767.in-竞彩足球复式串关| www.888460.com-体育彩票打票教程| www.167654.com-福彩上海快3| www.304758.com-福彩快3数字图表| www.391929.com-竞彩足球258网| www.504511.com-彩排是什么-| www.584684.com-中国足彩天天竞猜| www.665453.com-七乐彩今天开机号| www.756529.com-体彩票上的字母数字| www.830876.com-元角分的彩票平台| www.894561.com-福彩怎么玩儿| www.964759.com-体彩排列三彩吧预测| 网易彩票www.504833.com| www.gs15.com-湖北快三二同号遗| www.53612.com-山东体彩快乐扑克牌| www.5261.biz-开奖派彩助手| www.493496.com-私彩投注平台| www.828974.com-微彩吧是骗人的吗| www.365985.com-孩子阅读彩铅图片| www.487088.com-高频彩一晚赢4万| www.135856.com-彩票站每月怎样对账| www.u14.com-深圳福彩投诉| www.722349.com-5省快三走势图| www.909118.com-星彩无惨ed2k| www.989877.com-太湖字谜3d多彩网| www.365.red-七星彩彩民论坛首页| www.7393.org-哈市彩站出兑转让| www.35137.cc-中国福彩贪污案| www.77hs.com-玩彩网下载安卓版| www.6962.vip-599彩票邀请码| www.4411.tv-福彩刮刮乐返奖率| www.60947.cc-58同城彩票站转让| www.25077.com-水溶性彩铅教程| www.94bk.com-体彩刮刮乐777| www.037010.com-时时彩缩水网页二星| www.974.me-附近体育彩票店位置| www.859736.com-排五走势图彩宝贝| www.973207.com-彩虹正版app| www.sl15.com-时时彩必出组三规律| www.19zh.com-怎么举报时时彩平台| www.146.cm-天津彩站宝-| www.3536.vip-七乐彩最准预测| www.84sf.com-彩民数据库-| www.942513.com-彩票中奖交税| www.af20.com-今天五星彩开奖号码| www.35nu.com-春秋彩票登录平台| www.363582.com-甘肃快三垮度走势图| www.026763.com-网络投彩是什么骗局| www.139128.com-共享彩票机招商| www.660968.com-福彩3d中奖经验| www.336577.com-快钱彩票有人赢钱吗| www.341733.com-湖北福彩论坛| www.7448.cc-上海彩票店怎么加盟| www.955007.com-瑞彩祥云输钱| www.573.cc-彩乐园福彩免费下载| www.8242.biz-福彩助手浙江| www.90761.com-好彩1871爆-| www.082992.com-全国优秀彩票站| www.707658.com-竟彩足球直比分直播| www.788937.com-焦作泌阳彩礼多少| www.873935.com-网易彩票微信公众号| www.939678.cc-爱资料福彩门户惠泽| www.989004.com-彩票合买方案骗局| www.cu93.com-凤凰彩票网可信吗| www.gk2.cc-时时彩五星规律| www.359667.com-彩宝站彩民端| www.537808.com-彩色系-| www.617336.com-榆次福彩中心| www.689073.com-山东福利彩票开奖| www.029976.com-六色彩虹含义| www.103434.com-凤凰彩票官方| www.169807.com-快三甘肃号开奖号码| www.238173.com-安徽快三最大遗漏值| www.349368.com-合肥福彩中心墩塘| www.447022.com-福彩三d之家结果| www.553153.com-500万彩票直播| www.627701.com-一分彩买必中| www.706464.com-足球胜负彩开奖奖金| www.788760.com-返点最高彩票平台| www.872028.com-彩票兑奖器-| www.935207.com-彩之网实时统计| www.995258.com-体彩大乐透直播开奖| www.co88.com-我去彩票站合法吗| www.vm37.com-七了彩开奖结果| www.657310.com-游戏机出彩票技巧| www.520412.com-福彩快三为何限号| www.77cb.com-彩迷直通车自动更新| www.894300.com-彩票中心大厅下载| www.ei28.com-体育彩票高频彩| www.697152.com-手机彩票2元网| www.826019.com-快乐彩票合法吗| www.zm91.com-网票彩票开奖| www.738.red-时时彩四星二胆技巧| www.982472.com-卖彩票提成是多少| www.045583.com-彩c81彩票官网| www.552017.com-福利彩票礼拜几开奖| www.705358.com-体育彩票兑奖平台| www.55163.com-哪里可以合买彩票| www.16zo.com-足彩工作室招聘信息| www.837995.com-中国体育彩票多少钱| www.707971.com-易彩堂彩票真的假的| www.676423.com-开奖3d福彩-| www.cp169.com-湖北快三开奖号| www.252213.com-苹果彩膜-| www.90gd.com-沁县李彩英在武乡| www.81703.com-举报私彩赌博中心| www.096268.com-体育彩票发行的宗旨| www.cz50.com-幸运快三技巧| www.o34.net-分分彩票投注技巧| www.67ax.com-幸运快三彩票计划| www.506188.com-体彩7位数开奖日期| www.706315.com-凤凰彩票f83下载| www.875811.com-吉林快三遗漏号码| www.987430.com-百胜快3彩票坑人| www.vx30.com-湖北快三跨度振幅| www.6457.cm-速8彩票网上兼职| www.45694.com-彩票根号-| www.332424.com-668彩票2805| www.498500.com-彩票代打赚佣金| www.640396.com-爰采网胜负彩| www.752575.com-中国福彩利彩票|