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.380708.com-七乐彩开奖是几点| www.23.me-境外黑彩平台| www.958386.com-皇都彩票官方网址| www.22535.com-我在一个快三平台上| www.085711.com-小彩神3d水心论坛| www.t28.in-七乐彩专家杀号汇总| www.854445.com-国彩官网app| www.78410.com-新昌县双彩乡后谢村| www.sp09.com-内蒙古时时彩app| www.0774.site-yy彩票靠谱吗| www.610410.com-快三如何买最划算| www.dc32.com-天天赢彩票-| www.0055.loan-香港马会时时彩骗局| www.98wi.com-彩虹团队内部骗局| www.573023.com-258彩票手机版| www.8380.top-时时彩网投群| www.zk47.com-彩票分析与-| www.652832.com-重庆时时彩安心计划| www.993823.cc-足彩几种玩法投注| www.866594.com-怎么玩快三能赢| www.590234.com-彩票返点大揭秘| www.456294.com-红菜苔彩票ios| www.30sq.com-开个福利彩票| www.495218.com-竞猜lol彩票| www.30as.com-初学彩铅画怎么选笔| www.7299.org-华为彩虹电量教程| 大赢家彩票平台www.131671.com| www.119802.com-希腊时时彩-| www.7770.net-彩九免费下载| www.6970.vip-福彩今天预测号码| www.nx33.com-福利彩票字谜| www.018326.com-288彩票合法吗| www.303730.com-怎样下载甘肃福彩| www.214064.com-盛兴彩票网网址登录| 凤凰彩票www.77801o.com| www.981835.com-头奖彩票新闻| www.032393.com-如何开体育彩票店| www.849749.cc-怎么玩体彩-| www.17901.com-竞彩返奖率-| www.274652.com-时时彩总和规则| www.2288.biz-做彩票的领先团队| www.9378.in-7k彩-| www.6395.biz-独家胜负彩-| www.97so.com-39彩票下载-| www.17121.com-竞彩足球兑奖| www.977381.com-下载天天种彩票| www.66nf.com-时时彩拉菲登陆| 凤凰彩票www.66652a.com| www.ve07.com-彩票过滤器工具| www.195369.com-江西快三实时走势图| www.19834.com-幸运彩开奖当天| www.850775.com-腾讯分分彩五星独胆| www.70077.com-福利彩票算法| www.189461.com-江苏快三官网| www.440061.com-邯郸银行员工买彩票| www.11310.com-足彩胜负彩必发指数| www.26239.cc-520快三彩票平台| www.653002.com-各种彩釉大瓶| www.990652.com-36码青蛙彩票网站| www.223372.com-彩票大厅投注区| www.478115.com-竞彩双平是啥意思| www.jq4.cc-481体彩-| www.23zb.com-北京时时彩彩开奖| www.549141.com-哪些网站可以买足彩| www.106880.com-瑞彩网注册邀请码| 金掌柜www.83993c.com| www.16163.com-时时彩qq计划群| www.299086.com-凤凰彩票是真的吗| www.663463.com-国乐彩彩票-| www.20987.com-316930彩票网| www.89253.com-快乐彩票软件大全| www.161057.com-大发彩票登陆| www.1515.com-地方彩开奖地| www.084433.com-湖北快三规律破解| www.247055.com-快三中奖多少| www.337231.com-谁有注册送彩金的| www.365065.cc-澳门惠民彩2017| www.1jw.cc-周一销售什么彩票| www.4830.biz-梦到开彩票店| www.832308.com-七彩云app-| www.562114.com-金辉彩票网-| www.47255.com-宝马彩票集团网址| www.5381.xyz-福彩8app是什么| www.816465.com-时时彩冷号遗漏| www.231753.com-博众彩票软件官网| www.864578.com-牛牛彩网彩票| www.552915.com-盈彩网开奖号| www.53ep.com-香港49彩票大全| www.137981.com-2019彩票网下载| www.py44.com-518彩票下载| www.158469.com-足彩几串几最划算| www.565192.com-万彩吧排列三预测| www.880079.com-3d福彩独胆预测| www.sf40.com-七乐彩今天开奖号| www.69ej.com-香港皇冠国际彩票| www.30785.com-新体彩走势网| www.187333.com-七乐彩今晚专家预测| www.645394.com-手游彩坑了多少人| www.da87.com-彩票3d跨度走势| www.54nw.com-福彩销售人员| www.03307.com-彩票榜手机app| www.143030.com-福利彩八-| www.275236.com-江苏省彩票七位数| www.606060.com-网上足彩为什么停售| www.878447.com-2元彩票开奖| www.gl10.com-快三投注技巧大全| www.9zx.cc-体育彩票去哪买| www.680.com-美人鱼彩票网| www.9526.cn-海南私彩今天结果| www.090788.com-彩票中5块-| www.242008.com-新浪彩票下载安装| www.615097.com-三彩玉是真玉吗| www.902395.com-福彩3d玩黑彩方法| 华彩网www.hcw332.com| www.qh12.com-欧盟好彩蓝莓爆珠| www.077.cc-快开彩票开奖随机| www.039951.com-推荐的彩票合买系统| www.234310.com-彩票的真实性| www.354406.com-福利彩票三亿| www.667223.com-体彩真能中奖号码| www.835295.com-好彩多少钱一包| www.931126.com-查一下福彩开奖号码| 9号彩票www.80767r.com| www.ok01.com-北京福彩快三合法不| www.61ml.com-五彩斑斓什么填空| www.4367.vip-福彩天地报pdt| www.25749.com-彩票驿站合法| www.94929.com-澳客竞彩网电脑版| www.099207.cc-福彩何首乌字谜| www.208651.cc-彩票长龙怎么看| www.325717.com-彩票双色球开奖直播| www.457645.com-彩票012路技巧| www.582089.com-彩879平台怎么样| www.688563.com-网易湖北快三| www.819624.com-腾讯分分彩怎么平刷| www.919389.com-福彩刮刮奖有假票| www.990835.com-最好的彩票挂机软件| www.ci70.com-乐彩app-| www.zt61.com-澳门3d彩票-| www.67bg.com-淘彩票怎么注册| www.2507.shop-体彩排三双彩图| www.12180.com-六爻测彩票最准取数| www.77016.com-微彩出款不了| www.065482.com-必赢彩票最新消息| www.542470.com-江苏快三豹子2| www.859557.com-手机挣钱高频彩骗局| www.947367.com-玩彩专业-| 大赢家彩票平台www.187132.com| www.001800.com-双色球彩托真实故事| www.113085.com-七乐彩守号规律| www.231921.com-湖北快三规律| www.353653.com-亚洲足彩公司有哪些| www.531217.com-彩票数字组合公式| www.797526.com-c99是什么彩票| www.893551.com-快三算号软件| www.976400.com-江苏各地彩礼一览表| www.qv8.cc-中国快3彩票网| www.m52.cn-6s手机彩膜-| www.405.in-中彩票亲戚反目| www.8588.com-大乐透唯彩杀号定胆| www.088689.com-彩票对压怎么赚钱| www.208433.com-3d彩民乐精-| www.372526.com-无彩色系的颜色| www.507672.com-福彩3d胆码彩宝贝|