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.49454.com-大学生中彩票两次| www.428484.com-足彩11转9中奖| www.88745.cc-福彩今天开什么奖号| www.346337.com-浙江高频彩票| www.456224.com-乐愽彩票网-| www.908718.com-彩票预测七星彩短信| www.974964.com-七星彩十大杀号专家| www.cp9218.com-中彩娱乐app| www.261442.com-易彩2.0下载安装| www.47817.com-我要体彩的开奖号码| www.058836.com-海口快三走势图| www.38731.com-彩票993-| www.94116.com-责任彩票的九个方面| www.085080.com-彩之源app下载| www.717308.com-彩铅如何画出细腻感| www.810688.com-福利彩票今晚开奖号| www.53gw.com-我的彩票中奖号| www.3151.cm-网彩到底什么时候开| www.19356.com-彩票300秒app| www.112748.com-三分快三精准计划网| www.218722.com-快三投注法-| www.8313.cm-江西省体彩-| www.540532.com-肌肉同志彩漫| www.151579.com-红旗彩票能挣钱吗| www.0917.hk-中国福利彩票体彩| www.241238.com-彩客网完场比分直播| www.091322.com-百姓彩坛心水| www.813916.com-九州彩票网址谁有| www.928629.com-海南七星彩大奖| www.096960.com-多彩网彩吧论坛汇总| www.286610.com-福利彩票室内装修| www.381936.com-点击获取更多精彩| www.503876.com-a6娱乐彩票正规吗| www.902559.com-微信买江苏快三赚钱| www.984467.com-跟彩运网一样的网站| www.3403.vip-怎样做彩视-| www.43817.cc-彩色苹果图片| www.217814.com-五星彩今日开奖号码| www.596357.com-app中华彩票网| www.666697.com-乐彩客可靠吗| www.vr51.com-必发彩票开奖网| www.839711.com-麒麟亿彩网-| www.274321.com-3分时时彩计划| www.ig96.com-什么网站还能买彩票| www.150870.com-两分快三预测| www.r24.net-福彩快三赚钱吗| www.42sn.com-彩票怎么玩视频| www.235.win-网上买彩票怎样兑奖| www.3263.cc-手机彩膜怎么样| www.9955.top-今天福利彩票的结果| www.309557.com-一等奖中奖彩票图片| www.568000.com-女孩子玩福彩十选五| www.712999.com-cc彩票网站-| 手机购彩www.986799.com| www.0oa.cc-彩虹的约定伴奏下载| www.679.website福彩三的走势| www.8629.biz-金七乐彩票走势图| www.86386.cc-芜湖市福彩发行中心| www.108461.com-平台彩票赢的谁的钱| www.251248.com-淘彩票app-| www.366464.com-3g彩票人工计划| www.788009.com-合和彩王中王| www.959885.com-19号彩票-| www.660841.com-福彩开奖结果下载| www.272788.com-福利彩票今日开奖号| www.511916.com-关于春天彩铅画图片| www.658566.cc-中乐彩票app| www.787800.com-158彩票网站| www.996352.com-足彩北单在哪里买| www.sr71.com-七乐彩预测最准号码| www.2373.vip-福彩手机上怎么买| www.067081.com-今日彩神通关注号码| www.216254.com-快三看跨度出豹子| www.382862.com-福利彩票有什么彩种| www.130935.com-赣县区彩礼-| www.362350.com-写彩虹的诗句| www.hm04.com-上海快三怎样能稳赚| www.9926.cn-解福彩3b太湖字迷| www.065825.com-快三未出号码统计| www.284213.com-好听点的彩票昵称| www.71li.com-2017海南私彩票| www.17209.com-福彩出号走势图| www.071308.com-足彩培训师闫勇| www.205978.com-电竞博彩app| www.456064.com-最新送彩金菠菜网站| www.829098.com-梦见别人中彩票兑奖| www.cp855.cc-手机快三投注网站| www.877208.com-七彩彩票是正规的吗| www.051225.com-彩票合买规则| www.869422.com-海南七星彩稳定赚钱| www.63tw.com-彩票计划聊天群| www.082076.com-彩钢围挡生产机器| www.340078.com-网上怎么买竞彩篮球| www.579642.com-逸彩美寓-| www.gj64.com-1分快三3下-| www.136275.com-福彩七乐彩开奖公告| www.389289.com-天天中彩票竞猜足球| www.700719.com-彩票条形码-| www.948614.com-彩票公益金提取比例| www.t67.club-今晚彩票升奖查询| www.386631.com-韩国联赛足彩| www.579339.com-中国风彩彩票| www.873934.com-甘隶快三开奖| www.qe40.com-七彩娱乐注册登录| www.757085.com-网络高频彩真的假的| 盛大彩票www.aa0090.com| www.412438.com-新版彩票源码| www.568269.com-彩票是真的中不了| www.636244.com-pc福彩得玩法| www.733295.com-双色球彩票被洗了| www.794809.com-秒速时时彩开挂软件| www.933970.com-博彩套利违法吗| www.984487.com-广西福彩中心地址| www.tq.com-大发快三走势图官网| www.tm53.com-体彩报纸-| www.753096.com-中国休育彩票| www.187070.com-吉林快三这把能出啥| www.473104.com-福利彩票教学| www.606235.com-福利彩票买号| www.723848.com-内蒙快三查询结果| www.731081.com-福彩邀请码-| www.952990.com-广东彩钢夹芯板| www.ns71.com-彩票不用票怎么兑奖| www.7701.org-幸福彩票官网下载| www.003750.com-2元网彩票走势图| www.125398.com-青海福彩的规定| www.268087.com-久久彩票下载手机版| www.601801.com-走投无路中彩票| www.731677.com-彩色透水混凝土地坪| www.956507.com-富贵彩app-| www.uz0.com-马来三分彩开奖历史| www.51911.cc-福彩宝网彩3d| www.757412.com-福彩生肖六加一| www.75559.com-金牌98c彩票网址| www.87336.com-体彩扑克牌技巧保盈| www.qs3.cc-吉林市彩票兑奖地址| www.359891.com-足彩购买技巧平| www.3272.xyz-万达彩-| www.40985.com-九九彩票计划群| www.201716.cc-福彩3d胆拖投注表| www.575618.com-999彩票是真的吗| www.4dr.cc-娜彩快开双色球| www.mb83.com-华宇彩票下载地址| www.151612.com-下载牛蛙彩票软件| www.984607.com-彩票平台风控审核| www.38221.cc-彩天下平台代理| www.038677.com-一等奖彩票图片| www.255174.com-时时彩稳赢的小秘方| www.255425.com-赢彩票登录注册| www.pd40.com-968彩票下载| www.692525.com-体彩七星开奖规则| www.739054.com-3d开奖中彩网| www.122111.cc-澳洲时时彩网址| www.008517.com-体育彩票排列五秘诀| www.4011.cn-三度白菜论精彩打造| www.393332.com-校园风景彩铅画| www.680046.com-两元彩票最多中多少| www.882190.com-五分彩合法吗| www.458416.com-足彩网足球论坛| www.15si.com-体育彩票装修简介| www.356519.com-买衣服送彩票| www.30oj.com-湖北福彩快走势图| www.8050.cc-云南彩编-| www.510844.com-彩虹有什么特殊意义|