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.85xw.com-足彩14场对阵爱浪| www.88609.com-360在线计划彩票| www.74wt.com-彩票店兑奖规定| www.033289.com-中信积分换彩| www.036703.com-彩票榜cpbapp| www.150986.com-乐彩软件是不是真的| www.49ni.com-彩票的利与弊| www.3059.pw-中国体彩网址| www.9930.biz-福彩3b一句定三码| www.965852.com-中国福彩中心试机号| www.615044.com-六合开彩现场168| www.726363.com-彩1234cc论坛| www.819670.com-支付宝积分换彩票| www.2170.vip-福彩藏机图正版| www.528590.com-福建31体彩走势图| www.751473.com-足球胜负彩预测推荐| www.849522.com-中国富彩3d开奖果| www.928666.com-彩票输了报警有用吗| www.999308.com-福彩詹天佑预测分析| www.ij66.com-正版福利彩票软件| www.40984.com-顶级彩票娱乐平台| www.780271.com-彩票代售点怎么申请| www.877660.com-中国球彩票网| www.955642.com-彩泥大全-| 多乐彩票www.422323.com| www.kh84.com-中国福彩3d预测| www.c45.biz-彩票306软件在线| www.33zd.cc-摇摇乐彩票破解| www.568935.com-安徽快三开奖40期| www.682980.com-哪里有买彩票的网站| www.gi0.com-快乐时时彩-| www.111615.com-凤凰彩票大全| www.139092.com-久盈彩店-| www.231022.com-大发快三免费破解器| www.8694.cn-体彩上期开奖结果| www.252601.com-快三的代理的平台| www.188424.com-福彩3d试机号口诀| www.502375.com-kk彩票靠谱-| www.636180.com-彩虹六号要钱买吗| www.979245.com-北京福彩网走势图| www.615960.com-彩神通关注号金码| www.740977.com-28彩票娱乐-| www.919613.com-靠谱的彩票平台程序| www.fc79.com-赌彩票输了4万| www.27fu.com-多少注彩票一个亿| www.mn56.com-中华彩票快三app| www.51aw.com-中国彩票年鉴| www.1157.pw-彩票术语定胆| www.345710.com-爱购彩大发快三下载| www.771006.com-快三和值概率| www.874927.com-皇冠?彩票平台| www.961634.com-古建筑彩画拍卖品| 易彩网www.36166m.com| www.45tn.com-盛大彩票平台| www.945613.com-福建福利彩票玩法| www.lq42.com-在中彩网能买彩票吗| www.331764.com-乐彩静态版-| www.961484.com-东莞福彩支票| www.033127.com-七乐彩复式机选号码| www.792001.com-好彩网布衣天下图库| www.888182.com-爱乐彩11选5| www.965263.com-时时彩预测计划51| 8号彩票www.980797.com| www.937018.com-福星彩是骗局| www.997045.com-外国3d彩票漏洞| www.co47.com-彩客站靠谱吗| www.lj52.com-一号网彩票官网| www.567476.com-体彩刮刮乐开奖结果| www.678253.com-重庆彩钢围挡多少钱| www.503884.com-什么叫做彩排| www.533973.com-七乐彩选号中奖公式| www.007548.com-今天的彩票号多少| www.093052.com-彩色砼-| www.221462.com-体彩开奖作弊| www.xh74.com-彩虹11无人机| www.83084.com-彩票挂机不亏方案| www.579018.com-体彩管理中心电话| www.173650.com-内蒙快三开奖查询| www.377115.com-天福彩票邀请码| www.277131.com-七星彩票下载安装| www.386301.com-彩票编辑程序| www.518348.com-中国胆王彩吧论坛| www.606067.com-彩乐园三-| www.688247.com-东莞体彩兑奖中心| www.810217.com-彩票怎么才算中奖| www.895802.com-百度3d福彩试机号| www.983570.com-贵州快三投注模拟| www.fu62.com-江苏快三稳赢版| www.088027.com-共赢彩票团队计划| www.941059.com-互联网彩票推广语| www.1086.in-盈发彩票下载安装| www.129920.com-福彩网手机版| www.8318.cc-彩票中大奖江西| www.44310.com-盛兴彩票v1登录| www.867208.com-福彩三码遗漏组六| www.98se.com-600彩票骗人| www.22068.cc-烟台福彩开奖| www.162536.com-福彩开奖排列七结果| www.111068.com-河南快三模拟器| www.095.date-网上彩票赌博案| www.028485.com-举报黑彩-| www.317368.com-玩彩票心得-| www.408257.com-龙虎时时彩代理提成| www.515535.com-七星彩有人买吗| www.575836.com-彩票为何停售一小时| www.658600.com-中乐彩注册登录| www.729351.com-彩票66安全吗| www.790393.com-彩吧彩吧助手走势图| www.874346.com-众彩网是合法平台吗| www.965444.com-下载彩神争霸| 500彩票www.50052g.com| www.900222.com-江苏福彩开奖| www.975727.com-购彩网app真的吗| www.cp862.com-福彩快三网址谁有| www.965823.com-快三最大遗漏是什么| www.gz36.com-福彩迷app-| www.255360.com-网络彩票大发快三| www.361695.com-网上彩票平台输了钱| www.449331.com-山东彩票网下载| www.536070.com-买彩票一共多少数字| www.603998.com-如何入侵彩票网站| www.675920.com-结婚10万彩礼多吗| www.773606.com-时时彩后一技巧稳赢| www.846588.com-足彩大赢家比分直播| www.954351.com-家彩网排三胆码预测| 8号彩票www.60108p.com| www.ic37.cc-芜湖市福利彩票中心| www.007512.com-彩客彩票手机客户端| www.e04.org-体育彩票481购买| www.70uu.com-彩易网福彩3d预测| www.1023.biz-众赢彩票网合法吗| www.010015.com-线上彩票-| www.899880.com-聚彩彩票app| www.826043.com-今日彩票必中号码| www.894822.com-信彩网湖北快三计划| www.976365.com-有快三的中彩彩票网| www.cp3599.com-我想买彩票-| www.ia47.com-容错个数彩票| www.ye05.com-传统足彩开奖结果| www.12qq.com-手机下注彩票| www.76fo.com-七彩乐对几个号有奖| www.1691.cm-彩王008-| www.676651.com-今天江苏快三计划| www.973891.com-发财彩票网-| www.311549.com-分分钟彩票赛车| www.693719.com-体育彩票工具| www.837048.com-彩票系统破解方法| www.924141.com-亿彩平台下载地址| www.cp0017.com-大发快三和值走势图| www.92281.cc-福彩专家推荐号今日| www.850956.com-财神分分彩综合工具| www.315114.com-篮球彩票胜负玩法| www.t94.cc-彩思乐-| www.886473.com-谁有淘彩票邀请码| 500彩票www.50788c.com| www.ta13.com-十二生肖彩票叫什么| www.66520.cc-彩票兑奖中心在哪里| www.121796.com-江西体育彩票网| www.230656.com-彩8娱乐可靠吗| www.983011.com-互娱彩票邀请码| www.718117.com-聚彩彩票主管| www.897659.com-多彩贵州城乳胶退货| www.jn96.com-5亿彩骗局-| www.909234.com-七星彩几点开奖结果|