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.360715.com-合创彩票平台| www.21879.com-网賺彩票是真的吗| www.506593.com-体彩杀尾-| www.609551.com-甘肃福利彩票大乐透| www.7956.cn-彩计划可以买吗| www.65432.com-预测彩票软件出售| www.788410.com-19042足彩分析| www.910969.com-网上k彩合法吗| www.989615.com-49c永利彩票网址| www.bc04.com-喜乐彩玩法-| www.90554.com-富赢彩票下载| www.051357.com-pk彩吧-| www.356714.com-和彩读音-| www.655939.com-新星彩票app| www.788470.com-有返点的彩票网站| www.892533.com-彩票榜官网-| www.73vr.com-好彩客官网| www.4080.org-大喜彩票-| www.668560.com-华人娱乐彩票登录| www.898161.com-博彩用语-| www.801557.com-亿彩购物中心人多吗| www.69446.com-彩票码源哪里买| www.363033.com-网上购彩恢复| www.766822.com-糖果彩刷彩票可靠吗| www.55iv.com-ct彩投网-| www.1073.vip-新快三遗漏数据查询| www.657406.com-大象彩票网站登入| www.48010.com-彩之家主页| www.131170.com-河南安阳彩礼| www.272080.com-力彩-| www.880759.com-体彩排列三中奖情况| www.958207.com-福彩3d线上-| 大赢家彩票平台www.689613.com| www.608922.com-彩票113网页| www.360694.com-预感彩票要中| www.507507.cc-彩吧天气网-| www.422202.com-3d走势图乐米彩票| www.543655.com-福彩3d水果图| www.616661.com-体育彩票竞彩输死人| www.756921.com-彩乐522-| www.41237.com-彩02彩票-| www.zm99.cc-好彩堂开奖网站| www.2000.net-和彩放题菜单| www.44742.com-中彩网能提现| www.557587.com-手机众彩网彩票专家| www.695599.com-胜负彩复式计算器| www.268702.com-快三总共有多少组合| www.495328.com-彩票税收-| www.86999.com-福彩3d组六-| www.970656.com-鼓励彩票-| www.mn65.com-彩68下载-| www.854.gg-铁公鸡七星彩查码| www.34094.com-3b彩吧开机号| www.99870.com-彩客网胜负投注分析| www.66325.com-海南体育彩票环岛赛| www.5541.me-买足彩软件哪个好| www.7570.vip-东莞东方亮彩横沥吧| www.388838.com-玩百万发时时彩犯法| www.758146.com-青海体彩十一选五| www.859666.cc-518彩票官方网| www.966201.com-广西快三走势遗漏图| www.ht8.com-浙江快乐彩开奖信息| www.6tk.com-网购彩票有正规的吗| www.788332.com-足彩19039分析| www.103979.com-福利彩票网上购买| www.906735.com-天空体彩开奖时间| www.255505.com-时时彩四星大底| www.469618.com-陕西福彩快乐技巧| www.587300.com-七乐彩带坐标走势图| www.33rn.com-中国福彩十选五骗局| www.759171.com-190彩票-| www.975926.com-彩礼三万八吉利吗| www.899445.com-河南快三杀号技巧| www.59009.cc-中彩易下载地址| www.288397.com-青海快三助手| www.563860.com-今目3d彩涂-| www.625519.com-开心彩票正规嘛| www.5304.me-18092期七星彩| www.mo52.com-快三图表及奖金| www.902328.com-经营黑彩多少判刑| www.325699.com-体彩排列三走势| www.665764.com-中国彩票直播下载| www.93895.cc-胜负彩走势图| www.76jn.com-七乐彩开机试机号| www.690115.com-足球胜负彩预测软件| www.498572.com-彩票有没有破解方法| www.703078.com-足球彩票兑奖计算器| www.638001.com-开竞彩店-| www.1797.vip-时时彩后一倍投计划| www.561716.com-双赢彩票官方网站| www.674468.com-彩票c66下载| www.813406.com-粤淘彩票-| www.137529.com-福建体彩网牛材网| www.66cy.com-搜索天天中彩吧| www.5292.xyz-分分彩公式计算方法| www.62856.cc-江苏快三怎么买大小| www.045082.com-快三大小单双随机| www.117556.com-体育彩票开奖信息| www.487920.com-金辰彩业-| www.880169.com-大发快三的技巧| www.hj71.com-51中彩app下载| www.xz84.com-购彩之家-| www.505593.com-炫彩福字动态壁纸| www.021568.com-有游彩票-| www.285172.com-826彩票平台| www.732123.com-政府会管结婚彩礼吗| www.8528.site-竞彩网足球即时比分| www.528460.com-福州体彩31选7| www.603831.com-佬佬牛足彩博客| www.693416.com-手机买彩票的网址| www.772812.com-时时彩在哪儿买| www.974981.com-体彩大乐透两个前| www.my40.com-快三分析软件手机版| www.t78.shop-内蒙古福彩开奖直播| www.90ff.com-福彩三d彩吧助手| www.053028.com-快三跨度和值组合表| www.15535.cc-浙江61体彩-| www.276392.com-北京福彩客服电话| www.0549.cn-中文全彩全球璀璨| www.86dv.com-彩琳95-| www.36602.com-澳彩网客户端| www.058168.com-5分快3彩票靠谱吗| www.454009.com-什么是彩妆造型| www.610186.com-彩777官网下载| www.215386.com-达人彩票合法吗| www.cp6979.com-彩票快三玩法技巧| www.a08.net-重庆时时彩五星测试| www.57nk.com-二元彩票走试图| www.4130.com-彩虹805-| www.476155.com-彩票网哪个网址最好| www.468640.com-新博瑞彩票下载安装| www.3565.cm-混沌数学与彩票| www.345240.com-排列三乐彩字谜图| www.2823.biz-七星彩今日推荐号码| www.9966.vip-彩票兵哥3d-| www.251906.com-彩票cp12-| www.210373.com-体彩pl3平台出租| www.930022.com-幸运财神彩票机技巧| www.170977.com-福彩快三的玩法| www.419010.com-郑州体彩中心地址| www.883123.com-多彩投众筹是否合法| www.cai8333.com极速快三规律| www.702803.com-竞彩网的真实性| www.708424.com-看不懂彩票怎么办| www.830075.com-132彩票新版| www.895322.com-优彩彩票官方网站| www.955947.com-新彩彩票下载安装| 百姓彩票www.www.bxcp3333.com| www.709567.com-河北快三计划网页| www.774558.cc-公牛彩票大厅| www.853210.com-太子彩票苹果版| www.912631.com-三亚国际彩票骗局| www.958994.com-体彩如何申请网点| 凤彩网www.fc78.com| www.082758.com-福彩双色球机选号码| www.2jl.com-冠军彩票网平台| www.568666.com-万彩彩票app下载| www.910536.com-福彩神牛-| www.983703.com-快三营业时间| www.hk21.com-彩票77平台合法吗| www.946757.com-彩钢围挡怎么施工| www.613815.com-网上怎么兑换彩票| www.772703.com-彩金-| www.880427.com-七乐彩中6-|