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.126543.com-查体彩开奖号码| www.186427.com-每十分钟开奖的彩票| www.292325.com-彩票uu直播合法吗| www.390872.com-福利彩票注册送| www.17066.cc-彩票可以异地兑奖| www.791075.com-吉林快三颈测| www.892232.com-尼彩手机在哪买| www.986490.com-怎么网络刷彩票赚钱| www.gc18.cc-彩之网相年富| www.368906.com-一人多次中奖彩票| www.023583.com-一分钱可以玩的彩票| www.139509.com-彩玉海棠-| www.283688.com-七星彩够力奖表图| www.773135.com-cc极速和彩-| www.90bm.com-福利彩票软广告| www.c13.com-网易彩票是合法的吗| www.363658.com-雨后彩虹什么意思| www.404123.com-七星彩是不是有托| www.533523.cc-彩票对压玩法| www.332869.com-移动梦网彩票直播间| www.a23.in-体彩logo-| www.29256.cc-怎么样手机买彩票| www.004898.com-刚力彩芽完了| www.6471.cc-七乐彩中六个基本号| www.444585.com-p五跨度南方双彩网| www.jw06.com-彩铅花卉-| www.4ny.com-彩票中二等奖概率| www.949143.com-电脑彩票开奖结果| www.cg5.cc-1分快三彩票平台| www.344068.com-3福彩开奖30选7| www.6449.com-福彩应用-| www.58323.cc-彩61官方下载| www.1213.biz-全民双色球彩票计划| www.958873.com-湖北福利彩票新彩种| www.fx17.com-追回了黑彩的钱| www.7mt.com-彩票领奖给现金还是| www.76gy.com-越南彩票快五| www.6425.com-速八彩票是犯法的吗| www.563172.com-老彩民欢迎您| www.22951.cc-体彩7位数彩票| www.569917.com-铂金彩票怎么取款| www.4905.com-深圳然彩服饰录上| www.872879.com-彩票加盟咨询电话| www.86382.cc-彩票中心待遇| www.48qm.com-福利彩票内部软件| www.555184.com-授权网上彩票511| www.717971.com-中国体彩报牛亮最新| www.450136.com-彩8下载苹果版| www.570978.com-万彩吧试机号| www.650211.com-排3杀号定胆彩宝贝| www.734798.com-线上购彩-| www.540450.com-体彩排3试机号金码| www.638167.com-竞彩站主-| www.701271.com-充100送18彩金| www.202643.com-四川省体育彩票| www.332942.com-五百万彩票网首页| www.425888.com-中国体彩人人中| www.523267.com-彩票计划群反投| www.597801.com-体彩扑克开奖查| www.678681.com-足彩网必发指数| www.776165.com-赢彩彩票怎么打不开| www.975819.com-彩礼的顺口溜| www.0551.wang-东北彩霝-| www.707560.com-快三共有多少注号码| www.tq21.com-足彩网上在哪里买| www.20bd.com-创名彩票充值码| www.96cq.com-彩票注册领彩金| www.3381.cn-釉下彩和釉中彩| www.8869.loan-高手网齐中论坛彩吧| www.060199.com-天天彩选4规则| www.150137.com-快三福彩规则| www.753572.com-cp彩票网站大全| www.867867.com-南国彩票论坛808| www.939975.com-福彩幸运农场中8个| 中国福利彩票www.34788x.com| www.kd22.com-北京福彩三地试机号| www.f64.space-福利彩票高管| www.73im.com-天下好彩手机版| www.95gk.com-彩票错失亿元大奖| www.7385.biz-色彩斑斓女神款微信| www.p91.com-上海福利彩票时时彩| www.86sb.com-国家会禁止彩票吗| www.984302.com-彩吧圆圆红脸蛋字谜| www.150483.com-彩51投注平台| www.819609.com-西安彩票分析师招聘| www.569536.com-天下好彩免费大全| www.eo98.com-什么是炫彩彩票| www.559250.com-通辽科区体彩中心| www.634022.com-彩票93-| www.099651.com-休育彩票开奖| www.751052.com-彩八苹果下载| www.821717.com-彩票异地领奖时间| www.890211.com-快三最新开奖结果| www.953932.com-好彩柠檬双爆| www.cai520.com-中国最大的快三平台| www.vq07.com-青海快三查询| www.14tw.com-安徽体彩十一选| www.1913.wang-放心的87彩店| www.8058.la-61彩神-| www.46657.com-加拿大五分彩是正规| www.93930.cc-北京3d彩票走势图| www.118601.com-彩七七违法吗| www.28af.com-火影全彩本子| www.4001.vip-晴予七星彩今晚预测| www.6565.date-天天爱彩票暂停销售| www.34803.com-福彩快三下载地址| www.dp68.com-118彩票真黑| www.vl52.com-中国彩票快三| www.047818.com-教我买彩票-| www.825554.com-河北众乐快三| www.601.cc-天天福彩主站| www.651746.com-玩高频彩输惨了| www.708188.com-彩神ix下载平台| www.778811.com-查银海彩报-| www.08868.com-竞彩猫app靠谱吗| www.76133.com-彩票折叠-| www.220511.com-腾讯官网竞彩| www.320851.com-湖北十一选五百宝彩| www.518713.com-澳门惠民彩开奖记录| www.584736.com-中国最大的彩票软件| www.309223.com-体彩一共几位数| www.0016.com-属龙购买什么彩票| www.492510.com-如何攻击黑彩网站| www.604436.com-买网络彩票一直输| www.691278.com-万彩网倍投-| www.783973.com-乐优彩票打不开了| www.930923.com-在百度下载彩票| www.cai3678.com快三中奖规则| www.35uw.com-七星彩走势图爱浪| www.0390.cc-如何购买海外足彩| www.002369.com-百盈彩票贴吧| www.83tv.com-刮刮彩拉客-| www.ug85.com-大发快三无法提现| www.49ql.com-彩票返水日结app| www.192902.com-彩6应用-| www.52827.cc-彩票项目-| www.874033.com-澳洲三分彩在线计划| www.cp978.com-彩票投注实战技巧| www.a18.wang-新浪爱彩旧版| www.237461.com-三d福彩走势图| www.350064.com-梁宏达彩票评论| www.3908.hk-七星彩最近开奖图片| www.179325.com-皖快三走势图带连线| www.61ji.com-c760彩票-| www.74714.com-中国足彩网彩票| www.088019.com-双赢彩票正规吗| www.150611.com-买彩票用哪个软件| www.215971.com-中国快三网下载| www.282901.com-彩票中奖巫术| www.211126.com-安徽福彩官网首页| www.342622.com-香港福彩门户新书签| 凤凰彩票www.77802o.com| www.078122.com-萬城福彩-| www.hf26.com-快三开挂-| www.356974.com-送彩票的祝福语| www.518189.com-下载559彩票| www.cq23.com-个人买黑彩犯法吗| www.0317.net-昆明彩票店转让信息| www.236480.com-乐乐彩票一注多少钱| www.8739.love-彩票预测高手| www.he66.com-百胜快三是假的吗| www.800038.com-今晚福彩票开奖结果| www.733127.com-苹果彩铅画-| www.407666.com-好彩票专业版苹果|