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.296763.com-印象彩票开奖网| www.193.net-98彩票网手机登陆| www.804036.com-双色球中彩-| www.889293.com-彩乃奈奈在线放| www.968590.com-瑞彩国际-| www.cai2911.com快三胆拖怎么回事| www.353043.com-七星彩开奖号马| www.87222.cc-互娱网彩票快3| www.39612.cc-中彩曹毅-| www.189567.com-河南快三遗漏查询| www.25.cx-福彩快3压大小| www.4500.pro-彩票培训-| www.37017.com-苹果版天天中彩票| www.92484.com-贵州彩票投注站点| www.367092.com-体彩佣金包括什么| www.929.date-东莞福彩申请条件| www.23324.com-福彩3d天齐网杀尾| www.1xh.cc-福彩选5的玩法| www.502368.com-kk彩票登录-| www.789640.com-京彩登录-| www.875177.com-澳门时时彩是骗局吗| www.959646.com-金鸡团队彩票计划| www.oi77.com-彩票交流微信群| www.337869.com-鄂尔多斯求租彩票站| www.514028.com-福彩十大专家预测| www.602772.com-彩11彩票-| www.408833.com-够力七星彩画规| www.594633.com-优乐彩会不会踢人| www.713276.com-快三输了怎么赢回来| www.288541.com-快三群有拖吗| www.014622.com-三分彩是骗人的吗| www.079044.com-大玩家彩票平台被黑| www.928400.com-鸿彩彩票是真的吗| www.br52.com-彩票走势图全国| www.56rl.com-彩票投注站宣传语| www.699929.cc-彩票领奖遇到刁难| www.39965.cc-9w彩票app-| www.013721.com-本期七星彩走势图| www.560436.com-全国地方彩票开奖号| www.6950.org-竞彩比分神单| www.68901.com-头奖彩票首页| www.739441.com-下载518彩票网址| 918彩票网www.918jo.com| www.fv51.com-彩票排列五开奖| www.yr88.cc-延吉市招聘彩票| www.493293.com-连连中彩票下载| www.662718.com-彩票今日开奖吗| www.783029.com-保定市福利彩票中心| www.895099.com-时时彩中奖助手下载| www.977324.com-彩礼钱不能超过2万| www.rc20.com-五分彩定位胆怎么算| www.2020.la-福彩兑奖处兑奖| www.537148.com-带彩字的微信昵称| www.700512.com-3d彩迷-| www.865349.com-彩02彩票谁知道| www.956355.com-七星彩的开奖号码是| www.ao91.com-q彩网app下载| 网易彩票www.177949.com| www.942338.com-福彩双色球历史数据| www.529.club-彩票大厅重庆时时彩| www.643.cn-靠谱的彩票台子| 吉利彩票www.66376x.com| www.181652.com-安徽福彩快三直播| www.469062.com-爱彩乐11选五浙江| www.620759.com-如意彩是合法的么| www.750776.com-玩时时彩有赢钱的吗| www.779236.com-中彩和体育福利彩票| www.863742.com-体育彩票发型宗旨| www.934159.com-体彩几点钟开| www.984342.com-重庆时时彩诈骗套路| www.mb1.com-内蒙快三遗漏| www.869053.com-彩票史10大牛人| www.952713.com-丰彩深圳有人中奖吗| 500彩票www.52072v.com| www.fl56.com-四川福彩快三| www.583380.com-收缩中彩网-| www.123696.com-排列3乐彩网| www.we3.com-福彩网快3-| www.r31.cn-专业高频彩计划网| www.77nk.com-掌上福彩宝典安卓| www.67522.com-吉林快三号码和值表| www.vr47.com-竞彩足球走势图| www.776063.com-火箭彩票下载安装| www.g11.club-海南四码彩票资料| www.701711.com-老郑足彩个人展示| www.q16.com-中国彩票合买网站| www.80fo.com-青海福彩三d开奖号| www.09312.com-广东福彩app| www.069741.com-中国足球彩票500| www.302271.com-河南福彩跑马直播| www.98hn.com-炫彩指尖陀螺软件| www.311248.com-最好的彩票人工计划| www.462950.com-如何知道彩票真假| www.805959.com-福彩三d图谜第三版| www.98449.com-比特币分分彩真假| www.097690.com-福利彩票店的利润| www.i41.website彩票大全开奖器| www.738591.com-民彩网app-| www.929838.com-哪些省份售七星彩| www.113148.com-查福彩3d丹东全图| www.948204.com-p3预测众彩网| www.442228.com-app福利彩票| www.761206.com-彩票开奖如何拿奖| www.89oe.com-沈阳铁西彩票站出兑| www.28zb.com-天喜彩票-| www.331243.com-彩神争8有人赚钱吗| www.060176.com-彩票51破解版| www.738129.com-美女微信诈骗彩票| www.318154.com-官方正规彩种| www.549233.com-擅自互联网售彩| www.78bg.com-国内买境外足彩| www.932290.com-七星彩三字定位| www.vy23.com-河北体彩票开奖查询| www.75id.com-足彩如何跟单能赢| www.890224.com-时时彩程序定制| www.984317.com-手机时时彩网投网址| www.ba99.com-快三图片跨度图片| www.23292.com-腾讯五分彩龙虎计划| www.8985.biz-竞彩网彩网360| www.4765.vip-南宁市福利彩票站| www.b64.cc-高仿彩票机-| www.613334.com-天福彩票平台靠谱吗| www.743355.com-彩宝app苹果| www.826090.com-33彩票登录-| www.888012.cc-七星彩机选号码| 黄金彩Ⅱwww.hjin8.com| www.lw85.com-彩之家app-| www.830832.com-9968彩票网-| www.059578.com-快三遗漏湖北| www.248244.com-彩票大全下载安装| www.879553.com-cm彩票-| www.953221.com-好彩三八猜一生肖| 盛大彩票www.aa0090.com| www.dh71.com-体育彩票几位数吗| www.569411.com-福利彩票简单玩法| www.1628.bid-中国体育彩票足彩网| www.32106.cc-易彩堂app怎么样| www.65up.com-约彩彩票怎么样| www.2803.com-七星彩直播开奖搜狐| www.286603.com-福彩小军三版| www.353323.com-京彩专业挂机| www.491200.com-98198l彩票网| www.406055.com-彩吧论该首页| 大玩家彩票www.983888a.com| www.47ch.com-大乐彩开奖号码一人| www.85xu.com-亿腾彩票网-| www.3201.in-凤凰快三内测软件| www.50cd.com-中国足彩在线官网| www.2941.live-体彩店效果图| www.827257.com-足彩十四场最新开奖| www.905367.com-彩票提不了现| www.975302.com-福彩通下载安装| 彩票5www.564880.com| www.6421.cc-体彩竞技彩足球| www.69774.com-app易彩乐彩票| www.448191.com-盛兴彩票网1| www.567685.com-足彩365不能买| www.622409.com-广东福彩有app吗| www.679444.com-做彩票平台亏了| www.660949.com-白菜网彩票-| www.731755.com-彩钢瓦围栏-| www.799052.com-红旗彩票算法| www.865079.com-新华彩票下载安装| www.907750.com-七星彩怎么算中奖图|