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.054450.com-e球彩赔率对照表| www.628576.com-信彩票官方下载| www.53955.cc-网络彩票大平台| www.009201.com-福彩3d叶子预测| www.095374.com-贵州体彩网排列三| www.756481.com-中奖彩票的特征| www.869934.com-查询彩票的软件| www.954219.com-大红鹰彩票欢迎你| www.cai7888.com极速快三稳赚| www.681804.com-黑龙江体彩22选5| www.69740.com-广东11选5彩票| www.xf54.com-优乐彩7697-| www.779.live-福彩店门店效果图| www.867640.com-七星彩36头尾| www.961001.com-毕竟快三一共多少期| www.rf1.com-广西快三一定牛预测| www.19067.com-海南私彩玩法说明| www.66938.com-广东福彩中心主任| www.228335.com-河南体彩开奖结果| www.318583.com-13彩软件骗局揭秘| www.456876.com-幸运飞艇开奖彩网| www.06ou.com-众彩极速赛车破解版| www.119523.com-彩票最佳对联| www.206623.com-1分快3彩票安装| www.282329.com-台湾时时彩骗局揭秘| www.358770.com-61彩票中奖规则| www.443553.com-娱乐买福彩下载| www.535412.com-易彩堂下载安装| www.61519.cc-乐米彩票现在叫什么| www.017507.com-易旺彩票是什么| www.106999.com-36彩票开奖-| www.298110.com-幸运彩票注册| www.647605.com-贵州快三开奖遗漏| www.744360.com-福彩代购公司| www.835536.com-福彩26选5开奖号| www.902366.com-快三单注奖金多少| www.972935.com-彩虹自助下单平台| www.as66.com-彩票平台刷流水工资| www.799579.com-舟山福彩快二| www.6220.in-快乐彩规则-| www.9588.love-新浪体彩app下载| www.212521.com-转让彩票店合法吗| www.hp89.com-上海快三玩法说明| www.41vs.com-体彩开奖排三贴吧| www.727524.com-体彩大乐透图谜语| www.870099.com-澳门彩票手机版下载| www.966573.com-手机足彩即时比分| www.ev63.com-查彩票-| www.372117.com-2044彩票开奖| www.865831.com-凤凰私彩平台| www.hp90.com-上海快三介绍玩法| www.71.biz-彩泥制作大全小动物| www.062495.com-553彩票app-| www.091722.com-惠民乐彩票真的吗| www.233091.com-北京快中彩规则| www.318624.com-743期期好彩| www.3140.cc-哪家彩票接口快| www.3289.wang-中彩票动态图| www.ph70.com-体彩排列3试机号| www.0849.cm-锋彩直播出垃圾软件| www.9755.cn-福州体彩购买点| www.53727.cc-时时彩开奖中心| www.6225.cc-福彩816试机号| www.34634.com-心彩网手机版字谜| www.001215.com-运彩网入口-| www.115181.com-大发时彩全天计划群| www.163406.com-巨彩网新3d-| www.362621.com-3d彩票分几种类型| www.ha56.com-福彩快三是谁发明的| www.247767.com-福彩作假曝光| www.908110.com-体彩网站下载| www.326038.com-万彩吧彩票-| www.889181.com-如意彩票网登录号| www.218481.com-重庆市福彩官方网| www.383006.com-福彩在线网站| www.620081.com-福彩票6838cc| www.822002.com-彩票开奖足球| www.961064.com-竞彩猫直播预测| www.lj06.com-2020彩票平台| www.9do.com-体育彩票6加1规则| www.82mn.com-七星彩分几等奖| www.57wu.com-中彩那天的词语意思| www.369903.com-彩票摇奖造假视频| www.924914.com-三分时时彩规律| 大赢家彩票平台www.376817.com| www.181573.com-彩票网站快三| www.748128.com-快三和值大小单双| www.563456.cc-新浪技彩票频道| www.653708.com-01彩票助手-| www.887957.com-平台彩票推广的老板| www.lj21.com-好彩票网站提现快吗| www.0063.cc-买彩票哪种好中奖| www.9996.date-淘彩票客户端下载| www.229585.com-彩票返点什么意思| www.345845.com-山东彩票安卓版下载| www.346161.com-福彩3d摇一摇机选| www.376569.com-七星彩澳客杀号| www.556111.cc-128彩票是正规| www.660647.com-足彩爆料-| www.758520.com-彩薇花美容霜| www.897835.cc-黑龙江快三微信群| www.991858.com-大乐彩开奖结果查询| www.of37.com-下载腾讯快三| www.60pm.com-福彩推荐-| www.2752.org-彩界赌神-| www.38626.cc-环彩官网-| www.1879.wang-中彩网app邀请码| www.39055.cc-金冠彩票用户注册| www.89741.com-福彩主任什么梗| www.076757.com-彩票数字几位数| www.157005.com-香港五分彩官网| www.256227.com-河北快三中了多少钱| www.379115.com-彩票火凤凰网站| www.01120.cc-手机短信验证彩金| www.94592.com-卡姿兰彩妆套装怎样| www.109408.com-北京体彩兑奖地址| www.514284.com-彩票榜是真的吗| www.602290.com-乐彩客下载安装| VIP彩票www.263988.com| www.088434.com-手机足彩比分直播| www.224596.com-2018福彩宣传语| www.775171.com-六开彩怎么才算中奖| 梦想彩票www.33112u.com| www.293383.com-正规的彩票网站大全| www.949207.com-牛彩网排列三预测| 福彩www.26878q.com| www.8vg.com-体彩大神跟单| www.138001.com-dj彩票平台-| www.611116.com-投注福彩盈利| www.35098.com-彩网开奖查询| www.84456.com-会理彩钢瓦拆除| www.037368.com-彩票预测缩水软件| www.111406.com-时时彩5分钟计划| www.180899.com-中彩啦下载-| www.248594.com-福彩出什么-| www.18ah.com-我想找彩票开奖结果| www.55229.cc-福彩刮奖哪个机率大| www.917.in-买彩票秘诀-| www.78757.com-福彩3d曲线-| www.057045.com-最新彩票源码| www.955303.com-80彩票app下载| www.fu0.com-孙老师买彩票诀窍| www.165549.com-68彩票怎么样| www.qe97.com-好彩柠檬焦油量| www.434537.com-银彩通电话投注| www.183892.com-河南快三中奖金额| www.069823.com-彩票平台彩神| www.193789.com-吉林体彩开奖手机版| www.753395.com-澳发彩票手机版| www.597213.com-足彩大师-| www.4420.net-五福福彩是真的吗| www.37715.cc-7星彩大公鸡下载| www.585912.com-七乐彩专家杀号定胆| www.807607.com-福利彩票收藏| www.914117.com-彩乐园2-| www.lt48.com-菲博时时彩全天计划| www.15102.com-彩票反倍投-| www.z82.cn-大地彩票可靠么| www.5025.pw-好运彩彩票苹果版| www.af96.com-吉林新快三-| www.093937.com-广州彩票软件开发| www.781966.com-彩票站合买靠谱不| www.872453.com-黔南福彩中心在哪里| www.961356.com-支付宝里怎样买彩票|