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.489466.com-福彩3d神算子独胆| www.604652.com-彩色苹果标志壁纸| www.678572.com-下载彩之网首页| www.755756.cc-派彩网走势图链接| www.me11.com-亚博彩票下载安装| www.06xa.com-澳彩开奖记录| www.71ds.cc-金巴黎彩票手机注册| www.1519.org-通辽科区体彩中心| www.20112.com-深圳风采福利彩票| www.64760.com-三地图迷福彩| www.057665.com-澳门六星彩-| www.138576.com-竞彩实体店兑奖| www.219647.com-福建快三推荐一定牛| www.295752.com-查询甘肃快三一定牛| www.368775.com-电脑快三计划软件| www.468880.com-加拿大28彩票公司| www.558581.com-玩网上时时彩违法吗| www.630722.com-无嘴好彩15元| www.705030.com-全民智投彩票正规吗| www.785818.com-七星彩最快开奖软件| www.856086.com-注册送彩金app| www.928767.com-排列5和七星彩奖表| www.984886.com-网上玩彩运8犯法吗| www.00mm.com-七星彩报码图片| www.71mm.com-什么彩票2元一个| www.1135.net-足彩改期怎么算| www.8539.top-快乐时时彩游戏机| www.42316.cc-网上买彩票何时放开| www.88537.cc-正版彩票免费大全| www.046655.com-福利彩票装修效果图| www.153829.com-快三改规则-| www.239739.com-大发快三开奖结果| www.318729.com-江西乐彩快三| www.389931.com-彩票中奖方法传奇| www.532030.com-临沂体彩机转让| www.670578.com-和彩票有关的名字| www.749748.com-犀牛彩票下载| www.820568.com-光明全天时时彩计划| www.891498.com-彩神计划网页版| www.961042.com-福齐天甘肃快三推荐| 大赢家彩票平台www.022613.com| www.gj68.com-公益福彩1分快三| www.xi52.com-甘肃省福彩中心在哪| www.16pl.com-潢川彩票中奖| www.721.website时时彩投资盈利计划| www.4652.biz-彩票导航路线| www.9835.in-古建彩绘直线工具| www.61650.com-飞天彩票app| www.019318.com-福彩端安全可靠吗| www.088521.com-中奖彩民-| www.151261.com-购彩8816-| www.254186.com-福建快三预选| www.323963.com-福乐彩app-| www.390955.com-久盈彩票-| www.527372.com-时时彩怎么对压互补| www.602816.com-江苏快三最大遗漏| www.670712.com-彩票开奖全部信息| www.728168.com-重庆时时彩测号| www.790290.com-双色球彩票分析大师| www.865529.com-大发快三心得| www.926250.com-d9彩票网站-| www.979424.com-中国体彩7位数| www.rt76.com-延边体彩中心地址| www.6hh.cc-七星彩第2287| www.59xp.com-彩票店兼营业务| www.0060.vip-香港518彩票网址| www.7538.wang-移动彩票靠谱吗| www.23153.cc-彩票猜大小怎么玩| www.64455.com-体育彩票有什么数字| www.035120.com-彩票亏的倾家荡产| www.119434.com-河北福利彩票排列五| www.188817.com-体彩风暴-| www.256425.com-网易手游彩票| www.323608.com-体育彩票现场直播| www.388101.com-深圳中国体彩店转让| www.542830.cc-大马彩票开奖查询| www.620527.com-手机彩票送彩金| www.687131.com-彩票大奖怎么领取| www.760505.com-时时彩盘出租| www.861156.com-北京时时彩开奖走势| www.920365.com-彩神争8网-| www.974295.com-体彩大乐透奖金规则| www.im4.com-广东福彩-| www.oc54.com-内蒙福彩快3中豹子| www.1ks.com-买彩票输几十万| www.50lz.com-足球彩绘-| www.513.com-哪里有彩票计划群| www.3762.wang-好彩网怎么打开| www.8678.space-七星体彩开奖结今天| www.63393.cc-约彩彩票下载苹果| www.019042.com-福彩刮刮乐青蛙过河| www.083190.com-六亿彩票分分秒秒开| www.138663.com-鸿彩网挣钱了| www.207095.com-七乐彩几个号才中奖| www.271443.com-广东新彩王彩图| www.385537.com-彩票麻将-| www.501268.com-下载迷彩虎军事| www.563787.com-福彩3d计算法| www.625103.com-会员登录一98彩票| www.688724.com-彩29下载链接| www.757397.com-网上即开型彩票作弊| www.921667.com-内蒙体彩票11选5| www.975361.com-彩票大乐透怎么玩法| www.cp2108.com-一分快三稳赢技巧| www.ki23.com-体彩投注网站| www.zk47.com-彩票分析与-| www.17gk.com-上益彩-| www.314.xyz-魔方彩票辅助工具| www.3195.win-808福彩-| www.8026.vip-彩虹伞玩法教案| www.22440.com-e彩手机版-| www.58753.com-福彩积分卡在哪买| www.035419.com-彩票站开业宣传词| www.115048.com-体彩大乐透机彩乐乐| www.175216.com-彩神8官网合法吗| www.265344.com-网络销售彩票诈骗案| www.377063.com-明星彩票app网址| www.791427.com-湖北彩票近期中奖号| www.858335.com-福彩开将结果| www.913976.com-福彩三d连线走势| www.968407.com-澳洲三分彩开奖号码| www.cc5.com-彩788下载-| www.li57.com-中彩彩票邀请码三地| www.zy39.com-彩票777下载安卓| www.18ny.com-彩票黄历买什么号码| www.366.cc-迷彩服-| www.3039.biz-福彩账号-| www.7819.top-时是彩5星投注技巧| www.20496.com-乐彩cc33下载| www.56792.cc-时时彩龙虎玩法介绍| www.031679.com-天下彩免费资料| www.102223.com-彩神争霸解绑银行卡| www.155428.com-玩彩票大平台ios| www.252077.com-中彩网违法吗| www.311184.com-彩票会员-| www.367632.com-预测彩票中奖号| www.444063.com-福彩宝典彩图| www.520695.com-福星彩票下载| www.577721.com-邯郸快三走势图| www.634509.com-建盏蓝麒麟七彩光| www.767545.com-牛蛙彩票软件安装| www.841694.com-在哪买外围竞彩| www.897111.com-发彩网彩票| www.953151.com-78彩票官网-| www.994838.com-买彩票兼职是真的吗| www.cp093.com-今天喜乐彩中奖查询| www.ht10.com-快三杀号技巧360| www.vl44.com-快三秘籍-| www.8tk.cc-大乐透体彩怎么玩| www.50it.com-一分快三有预测吗| www.108.pink-福彩双色球看奖结果| www.2620.cn-703彩票登陆| www.7045.vip-如何买篮球彩票网址| www.11012.com-管家婆彩图库| www.43343.cc-彩票开奖日期查询| www.79999.cc-快购彩票3最新| www.021107.com-老杜说彩票-| www.076935.com-福彩中几位数有奖| www.127070.com-彩铅画人物教程图解| www.186094.com-今日广西快三走势图| www.240402.com-中国体育竞彩网官网| www.298871.com-贵州快三选快三公式| www.355405.com-大彩网董事长黄孟杰| www.413228.com-河南彩涂铝卷生产|