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天

知道了
亚洲28 www.746299.cc-官方网络购彩| www.bz42.com-湖北快三骗局| www.d47.net-彩票复式生成软件| www.796310.com-彩盈-| www.850942.com-一分时时彩怎么玩法| www.959522.com-幸运分分彩计划全天| 万彩网www.wcp777888.com| www.491407.com-009彩票销售中心| www.583285.com-彩色装饰画怎么画| www.661121.com-福彩15选五走势图| www.739019.com-福彩作假视频曝光| www.ci72.com-吉林体彩网址| www.5se.com-昆明福牛牛彩票网| www.722595.com-足彩单关配的意思| www.819089.com-七星彩152期| www.888833.com-台湾5分彩开奖号码| 爱彩www.00ac.com| www.221580.com-破解私彩软件| www.336333.cc-福利彩票中心开机号| www.699908.com-万人彩-| www.341.in-色彩画简单-| www.793526.com-体彩专家预测分析| www.008578.com-彩票api有什么用| www.619893.com-彩色纸箱厂家批发| www.002229.com-七乐彩投注金额表| www.o24.xyz-豪彩vip下载| www.07th.com-七星彩明月珰番外十| www.88785.cc-全民k3彩票-| www.268322.com-福利彩票软件能用吗| www.399974.com-福星彩图库75| www.555233.com-缅甸博彩工作安全吗| www.2391.win-彩票开奖音乐试听| www.04ml.com-app彩票购彩大厅| www.53uk.com-福彩3g画迷-| www.0420.cn-一分快三稳赢计划| www.193592.com-快三中奖率高吗| www.302144.com-七星彩十大专家杀号| www.372825.com-永城彩票网-| www.wr74.com-彩票二等奖容易中么| www.449.live-重庆时彩开奖视频| www.8336.cc-一分钟开彩票| www.261281.com-博牛彩票是不是骗局| www.575210.com-体彩七星彩周几开奖| www.692634.com-快彩开奖规律| www.782666.cc-彩票如何预测大小| www.870150.com-时时彩8码在线计划| www.949552.com-快三甘肃快三走势| 凤凰彩票www.452820.com| www.166093.com-快三规则-| www.695156.com-吉林体彩网官方首页| www.774586.com-七乐彩什么时候开始| www.854424.com-微信h5快三-| www.912314.com-彩票店新模式| www.968563.com-乐彩vip安全么| www.cai9255.com下载河北快三走势图| www.129952.com-海南彩铃公司| www.773632.com-滴滴彩票送28平台| www.rl55.com-北京彩票快三到几点| www.87pb.com-那些网站可以买彩票| www.249000.com-购彩app哪个好| www.cp6757.com-北京快三开奖直播网| www.670483.com-福彩3d冷号-| www.677335.com-进入彩票中心内部| www.797197.com-云购彩票平台靠谱吗| www.898430.com-重庆时彩刷返点技巧| www.974663.com-七星彩坛论-| www.0999.org-胜负彩军长推荐| www.91em.com-好彩频道回看| www.655526.com-中彩网3d和值走势| www.xk75.com-快三图表和值| www.23qo.com-体彩大乐透在线直播| www.8604.wang-陕西百宝彩快乐十分| www.fa43.com-北京福彩网官网| www.68176.com-手机快三-| www.19mh.com-彩票泰安-| www.jf17.com-快三推广的话| www.016777.com-福彩3d胆拖怎么玩| www.091550.com-703彩票最新版| www.155060.com-足彩购买时间| www.234199.com-江苏快三免费计划表| www.1919.in-福彩3d组选资料| www.014234.com-易彩网靠谱吗| www.166805.com-江苏快三是什么| www.34188.cc-彩虹岛刷单-| www.798173.com-百盈时时彩规律| www.427951.com-赛马彩票开什么号| www.569110.com-福彩3d封机时间| www.f57.vip-快三江苏开奖结果| www.392505.com-彩铅画动漫人物男生| www.aj01.com-昨天彩票中奖号| www.420.xyz-国际高频彩-| www.977597.com-彩色纸盒包装厂| www.064896.com-海南私彩打击庄家| www.228968.com-体彩26期6-| www.175912.com-大发快三网页计划| www.280114.com-彩票幸运农场开奖| www.357078.com-网易彩票专家杀号| www.489983.com-小白彩票1-| www.531.hk-五分彩万位计划| www.684808.com-彩票代投知乎| www.055211.com-彩票沉迷破产| www.675739.com-明日体彩前三值字谜| www.775839.com-邯郸体彩站-| www.867289.com-昨天福利彩票开几号| www.943517.com-重庆时时彩登录| www.999392.com-蓟彩芝的个人资料| www.ma40.com-七星彩早版加急彩版| www.l28.top-如何看彩票趋势图表| www.128260.com-七星彩的游戏规则| www.612767.com-套彩什么意思| www.157281.com-足彩冷热指数网| www.61.cx-吉林快三兑奖规则| www.0792.date-138彩票大厅| www.442616.com-福彩家彩网胆码| www.570933.com-体盲彩票开奖日期| www.567446.com-福彩生肖时时彩| www.cp077.com-一分快三计划网在线| www.444078.com-顺盈彩票苹果版| www.2304.vip-福彩三地但马图| www.805259.com-手机竞彩-| www.744053.com-福彩代购可靠吗| www.496199.com-彩票稳赚绝密方法| www.626876.com-仁信彩票的网址| www.698131.com-宁波体彩中奖哪里兑| www.770051.com-恒大彩票网安全吗| www.833337.com-体育福利彩票自选| www.888093.com-彩票106不被黑吧| www.947384.com-彩吧com-| www.993030.com-福彩3字迷图谜总汇| www.dz99.cc-大奖快三官网| www.4967.xyz-今天中奖彩票图片| www.13236.cc-常州彩票批发| www.53219.cc-时彩后一技巧稳赚法| www.in60.com-彩乐乐彩票下载安装| www.526898.com-彩票买大买小的软件| www.619767.com-河洛理数测彩票方法| www.04fr.com-快三如何止损| www.133203.com-彩色纸箱加工厂| www.306675.com-彩票靠谱平台| www.15566.com-k彩2.0下载安装| www.4dd.com-快乐购彩票-| www.55xk.com-巴西安伯快三查询| www.2002.cc-宏发彩票app| www.265595.com-上海快三就开奖| www.356947.com-彩票中的钱怎么办| www.521019.com-全国福利彩票微信群| www.619670.com-双色球彩票图片大全| www.692929.com-大发快三彩票新网址| www.762286.com-网络彩票怎么能稳赚| www.827116.com-超级彩票网站| www.899269.com-最新官网彩票平台| www.964875.com-彩票推算法诗歌| 亿彩堂www.87668q.com| www.686259.com-中彩那天全文| www.42vw.com-足彩九场新浪爱彩| www.0395.net-福彩时时彩玩法中奖| www.626177.com-浙江福彩体彩| www.101055.com-一分快三稳赚技巧| www.4312.com-彩票在哪里开奖| www.277743.com-福彩中彩论坛| www.58ew.com-契诃夫彩票读后感| www.8130.vip-福彩每晚开奖时间| www.28935.cc-彩票是否合法| www.62282.com-下载彩吧网-|