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天

知道了
彩01彩票 www.266537.com-河北十一选5爱彩| www.76028.com-温州福利彩票转让| www.130333.cc-彩票查询大乐透最新| www.299705.com-彩客网彩票官网| www.512520.com-凤凰彩铅画-| www.716908.com-彩搜网东北王| www.983897.com-1980彩下载-| www.378395.com-七彩彩票查封了吗| www.512244.com-元宵节简笔画彩色| www.63808.com-足彩大赢家比分网| www.383004.com-开福利彩票店月收入| www.556997.com-彩票能中奖是真的吗| www.633381.com-体彩买双色球吗| www.719309.com-中国彩吧下载| www.794719.cc-福彩天罡图-| www.877645.com-中国彩票网手机版| www.971708.com-竞彩网上投注合法吗| www.260728.com-内蒙古快三和值奖金| www.424472.com-九万彩票充值没到账| www.555285.com-微彩是赌博吗| www.625850.com-福彩三d绝密| www.708705.com-大发时时彩爱心彩| www.795408.com-百盈快三投注计划| www.877603.com-福彩十分钟-| www.954272.com-皇家时时彩宝典安卓| 500万彩票www.03500w.com| www.4684.cn-刺客研彩网论坛首页| www.17285.cc-福彩通app邀请码| www.85118.cc-手机彩票能兑奖吗| www.058824.com-彩99官网苹果下载| www.344654.com-下载彩票网站| www.506957.com-彩客竞猜网-| www.9277.loan-福彩刮刮乐369| www.1717.cc-世界杯在那里面彩票| www.35998.cc-9999彩票-| www.165196.com-体彩七位数怎么兑奖| www.763896.com-快三开的什么号码| www.864578.com-牛牛彩网彩票| www.932008.com-最新双色球维彩视频| www.994051.com-看福彩三地图迷大全| www.tl64.com-炫乐彩票是不是真的| www.14gr.com-七星彩开彩现场直播| www.93930.cc-北京3d彩票走势图| www.058818.com-著名双彩论坛三句话| www.139664.com-易发彩是真的吗| www.500089.com-彩票發-| www.4744.top-黑彩可以提现吗| www.391732.com-福彩网手机版福彩| www.533960.com-体育彩票的玩法说明| www.422798.com-彩民乐阳光探码图吧| www.s22.cn-双阳区快三赌博案| www.68389.cc-体育彩票飞鱼走势图| 乐彩网www.lcw199.com| www.365601.cc-河北七星彩开奖号码| www.301658.com-新浪彩票开奖结果| www.512031.com-彩铅难不难-| www.640140.com-新浪爱彩骗局| www.795859.com-福建天天彩-| www.947606.com-全民彩票投注| www.d57.com-吉林彩票开奖| www.090966.com-南宁福彩大厦| www.2pq.cc-933彩票邀请码| www.38992.cc-广州好彩丨开奖| www.480818.com-彩印基础包是什么| www.77584.com-福利彩票新政策| www.231579.com-中彩手彩票-| www.310771.com-快三甘肃玩法| www.383396.com-怎样选彩票号码| www.70gj.com-福彩片区管理员工资| www.616233.com-竞彩5场3关组合| www.2im.com-买一注彩票多少钱| www.981404.com-竞彩国家官方网站| www.bj74.com-1分快3彩票安装| www.yw11.com-彩票k线分析软件| www.30zr.com-彩虹代刷网搭建教程| www.982470.com-多少岁可以买彩票| www.tc88.com-乐盈彩票合法吗| www.734.cn-彩票工资车吧| www.035987.com-合买彩票广告词| www.126136.com-内蒙古快三时时彩网| www.270258.com-彩票害死人最新消息| 五彩堂www.898134.com| www.0486.xyz-体育彩票销售网点| www.741848.com-特彩巴高手网资料| www.388253.com-36彩票中心-| www.184533.com-北京快三和尾走势图| www.537755.com-彩色是颜色词吗| www.32bx.com-苹果彩虹壁纸| www.4753.biz-彩票折痕-| www.81919.cc-那些中彩票的人| www.101439.com-张路最新足彩分析| www.323386.com-七星彩开奖日期表| www.535545.com-广东这边买生肖彩票| www.661603.com-足彩8串一盈利模式| www.796559.com-足彩14场最快开奖| www.176895.com-新快三街机-| www.041369.com-体彩福福彩开奖结果| www.350670.com-所有9号彩票网址| www.668657.com-彩票三地二十四期| www.788965.com-古建寺庙彩绘图片| www.905817.com-幸运中彩票手机登录| 购彩网www.917gc.com| www.2547.vip-彩票代打qq群| www.4ai.com-凤凰网3官网彩票| www.43sf.com-足彩复式最大| www.369013.com-go彩活动合法吗| www.9838.top-流线云古建彩绘| www.181999.cc-北京快三大小单双| www.254588.com-快三跨度计算方法| www.tx02.com-安徽快三玩儿打| www.5766.net-信博彩票平台多少钱| www.28566.cc-蕾彩-| www.13275.cc-竞彩让球交易比例| www.c4.cm-快三买大小赔多少| www.322148.com-779彩票代理| www.tz13.com-福彩屠龙啥意思啊| www.6899.biz-好彩门户免费料| www.133031.com-足彩角球在哪里买| www.783456.com-彩吧vip合法吗| www.422996.com-9927彩票-| www.544686.com-我爱彩票软件下载| www.928353.com-11选5旺彩大师| www.670363.com-山东福利彩票七彩乐| www.7603.vip-个人七星彩软件下载| www.77257.cc-彩票难中的原因| www.6196.xyz-湖北快三计划大师| www.759531.com-大中华彩票提现成功| www.141699.com-3d彩涂吧今天| www.022962.com-七乐彩投注截止时间| www.089843.com-彩票套利方法| www.40717.com-彩票中奖是靠运气吗| www.116098.com-福利彩票代理赚钱不| www.228706.com-彩色透水混凝土| www.311102.com-中彩堂新址-| www.370884.com-陶瓷新彩画-| www.217440.com-快三一分app| www.427120.com-双色球彩票网下载| www.548058.com-体彩数据接口| www.8684.xyz-网络彩票引流话术| www.798411.com-财神彩票有人被骗吗| www.095596.com-众彩网走势图| www.264945.com-17500乐彩论坛| www.353478.com-500彩票股票| www.435359.com-银彩通可靠吗| www.541398.com-附近的体彩网点| www.940443.com-大发手游彩票| www.wl57.com-彩票开奖源码手机版| www.72wj.com-求七星彩直码网址| www.0336.vip-彩票中奖奖金怎么算| www.31992.com-千彩官网-| www.129093.com-福彩礼拜几开奖| www.78689.cc-足彩310直播| www.819969.com-星期三哪个彩票开奖| www.931757.com-足彩大神跟单靠谱吗| www.981429.com-流水返点的彩票网站| www.cp490.com-福建快三开奖结果| www.kg37.com-87彩票怎么兑奖| www.9590.loan-360彩票3d-| www.540811.com-苹果手机彩票客户端| www.715325.com-彩票分析师生存现状| www.32uh.com-南宁体育彩票站| www.502912.com-京彩注册邀请码| www.140342.com-快三营业时间| www.360051.com-福建龙岩长汀彩票站|