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天

知道了
彩票123现在叫什么名字 www.680492.com-彩票害死人-| www.809852.com-高频彩票新规| www.972499.com-彩铅风景画大全| www.lk95.com-亚洲彩票第一平台| www.z78.com-李彩潭作品-| www.70lj.com-彩票1400亿-| www.984737.com-彩票快3怎么买得中| www.070233.com-安阳彩礼一般多少钱| www.720552.com-七星彩单式开奖结果| www.545789.com-长沙办理福利彩票| www.937812.com-3d彩吧首页-| www.cp988.cc-福建快三预测推荐| www.275411.com-168娱乐彩票平台| www.47300.com-口袋彩票电脑版| www.715192.com-好彩五分快三导师群| www.809768.com-彩票55违法吗| www.903810.com-彩票3d字谜-| www.974493.com-上期体彩中奖号码| www.943948.com-703彩票被黑了| www.tk4.com-江西快三推荐一定牛| www.1il.com-凤凰彩票有客服吗| www.76wk.com-彩票开奘查询| www.2531.win-做彩什么意思| www.9790.vip-彩票模拟大师下载| www.58936.cc-天空彩票与大同行| www.128736.com-福彩刮刮卡中奖几率| www.049522.com-福彩体彩开奖结采| www.192955.com-甘肃快三15号| www.393359.com-彩铅皮肤上色教程| www.841539.com-竞彩外围计算器| www.954738.com-福彩奖号码今天| www.cp7477.com-广西快三开奖走势图| www.3272.biz-易盈彩票是哪里的| www.102556.com-分分中彩票安全吗| www.963307.com-彩宝彩票网合买| www.bt26.com-彩票软件大全双色球| www.932.in-福彩3d技巧教程| www.za51.com-网賺红旗彩票靠谱吗| www.2175.win-买彩票要身份证吗| www.6146.me-河南商丘拓城彩礼| www.6682.vip-天l空彩票与你同行| www.v71.com-体彩牛材网采摘网| www.87cv.com-彩票开奖查询中彩网| www.7355.org-彩虹6号多大| www.228715.com-江苏快三宝典下载| www.085813.com-彩神吧双胆预测| www.237735.com-爱彩乐彩票数据| www.338141.com-梦见家人彩票中奖了| www.447616.com-七星彩投注可靠网站| www.618128.com-福彩投注站管理办法| www.861737.com-腾讯十分彩开奖| www.mi8.cc-吉林体彩11选5| www.964473.com-竞彩足球-百度| www.08mz.com-728彩票手机检| www.352593.com-有实力的黑彩平台| www.707949.com-竞彩足球分析秘密| www.8848.space-蛙富导航彩票| www.694883.com-浙江杭州体育彩票| www.786010.com-玩极速时时彩网址| www.856503.com-彩果游戏全民竞技| www.566023.com-彩票摇奖视频| www.643131.com-福利彩票黑彩犯罪吗| www.767671.com-湖北体彩官网首页| www.863518.com-彩票api采集接口| www.920513.com-彩七-| www.975073.com-海南七星彩怎么玩法| www.6267.pw-云彩店官方-| www.67566.com-足彩19042分析| www.cm91.com-吉林快三精准计划| www.tw93.com-中国福利彩票公开| www.295855.com-上海福彩网资讥| www.533302.com-体育彩票试机号码| www.880.gg-时时彩止损多少合适| www.9279.in-国乐彩ios-| www.36218.cc-大彩彩票-| www.204288.com-去国外做私彩| www.88dw.com-乐彩客彩票akp| www.4461.top-尊彩会-| www.26558.com-石家庄快三-| www.cai679.com-快三破解器-| www.070052.com-快三开奖遗漏号码| www.9rt.com-七彩祥云表情包| www.4645.org-彩票导航360| www.32108.com-香港百姓彩坛| www.8897.net-旺彩买彩票安全么| www.185583.com-玩快三忌讳什么| www.271952.com-213彩票-| www.346438.com-高频时时彩开奖| www.326561.com-有效期多久七星彩| www.523211.com-刷彩投资-| www.598512.com-凤凰彩票怎么做代理| www.042642.com-足彩欧冠十四场技巧| www.873709.com-最新心脏彩超正常值| www.288105.com-快彩王下载安装| www.gr99.com-306彩票下载| www.l34.com-七乐彩票官网app| www.04895.com-彩霸王数字3专业版| www.52751.cc-七彩山鸡养殖技术| www.051106.com-中国福福利彩票| www.263949.com-乐优彩票-| www.355573.com-福彩主任冯亚平籍贯| www.611648.com-怎么开网络彩票店| www.844000.cc-足彩博彩哪里买| www.5001.com-吉林福彩中心在哪| www.215972.com-中福彩票是黑平台| www.456924.com-乐八时时彩首页| www.531566.com-彩铅画风景作品大全| www.984701.com-炫彩动态壁纸| www.am45.cc-购买双色球彩票网站| www.sf61.com-三分时时彩免费计划| www.11wb.com-彩票体育彩票6十1| www.30022.cc-网上亿彩是正规的吗| www.172126.com-彩票5d玩法-| www.39504.com-百彩网hk资料大全| www.912153.com-奥地利秒速彩票| www.rj7.cc-正规彩票网-| www.10581.com-足彩比分最牛中奖单| www.789745.com-竞彩娱乐诈骗| www.00fj.com-描写彩虹颜色的诗句| www.71927.cc-彩票160安卓版| www.021589.com-幸运分分彩走势图| www.885083.com-合肥福彩发行中心| www.959449.com-彩民福地app| 8号彩票www.60108d.com| www.505145.com-博有彩下载-| www.599213.com-在实体店怎么买彩票| www.688603.com-发彩票短信-| www.760749.com-好彩3技巧-| www.826262.com-超级彩票系统| www.888239.com-500彩票怎么注册| www.950460.com-11086彩票下载| www.996423.com-黑龙江体彩领奖地址| www.dn45.cc-中彩票要交多少税| www.799252.com-体彩打印纸-| www.985181.com-好彩堂论坛首页| www.ky15.com-好运来彩票网| www.j43.xyz-福彩十选五骗局| www.225986.com-浙江快乐彩走势图| www.532167.com-七星彩5等奖| www.165901.com-红彩app邀请码| www.353513.com-福彩106期点彩图| www.610219.com-淘宝买彩票中奖| www.711776.com-时时彩高手投注技巧| www.28zv.com-足彩8场-34关| www.734.cn-彩票工资车吧| www.5969.tv-体彩如何看结果| www.096543.com-四川福利彩票网| www.965131.com-玩彩票为什么老是输| www.232363.com-广西新快三开奖| www.296976.com-三宝乐购彩票合法吗| www.373952.com-福彩78期开奖号| www.039044.com-新世界时时彩助手| www.068571.com-全国开奖拼搏在线彩| www.219854.com-昨天快三走势图上海| www.6272.top-三分时时彩规律大全| www.841958.com-体育彩票中国足球| www.969847.com-体彩ll选5-| www.fk57.com-浙江快乐彩开奖结果| www.277752.com-中彩论坛网-| www.386098.com-6和合开彩结果| www.554454.com-彩票所有排列组合| www.75jo.com-足彩随机买能赢吗| www.226845.com-快三有没有技巧| www.941059.com-互联网彩票推广语|