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.576471.com-汉中福彩二等奖| www.9161.org-快三开奖网完整源码| www.494152.com-京彩挂机app下载| www.301640.com-休彩排烈三和值表| www.858004.com-博彩理财骗局| www.933926.com-乐彩彩票cc33| www.996456.com-七星彩模拟机选一注| www.df98.com-快三的玩法-| www.895499.com-4scc彩票安卓版| www.101928.com-彩神彩天下骗局| www.190500.com-安徽快三开奖预测| www.264855.com-靠谱的彩票预测软件| www.341257.com-河北沧州福彩中心| www.436572.com-篮球彩票场次少| www.567931.com-彩票网店宣传话语| www.58vl.com-体育彩票装修效果图| www.7373.tv-体彩公益金使用公告| www.103060.com-188彩票手机版| www.697261.com-天空与彩票网站| www.888491.com-下载第一彩票| www.970310.com-七彩球中奖-| www.367585.com-上上期彩票中奖号码| www.545504.com-足彩盈亏指数| www.661000.com-福利彩票七乐彩选号| www.774114.com-七乐彩复式机选投注| www.955942.com-打彩赚钱是什么意思| www.cp7566.com-下载北京快三助手| www.wu41.com-彩票维护-| www.43sb.com-北京福彩3d研究院| www.1307.top-彩之乐是正规平台么| www.805402.com-七乐彩特等奖| www.939408.com-福彩4d走势图| www.995804.com-竞彩elo-| www.fn92.com-中国福利手机彩票网| www.62bx.com-体彩的竞彩升级店| www.19871.cc-博众时时彩论坛| www.922625.com-人人买彩票ios| www.023968.com-买足彩是赌博吗| www.23733.cc-天天中彩票彩种升级| www.gn00.com-彩礼超过贩卖人口| www.873290.com-中彩网app软件| www.970134.com-3d牛彩一字定三码| www.qo5.cc-延边体彩-| www.693259.com-福利彩票短信投注| www.860802.com-河南福彩大星走势图| www.396915.com-彩彻区明彩古今异义| www.607559.com-彩票加盟热线电话| www.723478.com-江苏福彩领奖须知| www.829088.cc-站点微信购买彩票| www.963822.com-500彩票pc版| www.ak6.com-老快三中奖号| www.681474.com-中彩迅达建行| www.789395.com-nba竞彩交流| www.881575.com-澳门博彩五星| www.950591.com-乐彩客手机版| 聚福彩票www.50989j.com| www.536901.com-彩字打一生肖| www.178705.com-中国福彩app官方| www.195232.com-网彩投注代理平台| www.37899.cc-新浪竞彩推荐飞龙| www.yw94.com-广东省快三图| www.1335.vip-亿游网彩票平台| www.015735.com-七星彩是不是作假| www.5581.vip-彩牛美缝剂的价格| www.ef36.com-百福彩app-| www.686898.com-武汉快三推荐号码| www.5020.me-家彩开奖试机号今天| www.28586.com-买什么彩票的人最多| www.811181.com-河北快三牛人推荐| www.889072.com-app彩-| www.972752.com-好运彩是个什么平台| www.bu7.com-彩票99-| www.521.cm-石家庄彩票兑奖中心| www.9166.top-宁海梅林体彩店| www.8837.vip-福彩快三注册邀请码| www.17462.com-手机玩彩票靠谱吗| www.874421.com-今晚七里彩开奖结果| www.0518.win-快三开状结果| www.447302.com-福彩3d彩黑牛| www.557543.com-好运来彩票官网今天| 500彩票www.652251.com| www.691923.com-易彩票安全官方网站| www.799048.com-精彩头条-| www.889690.cc-1号彩票-| www.983540.com-彩票站软件-| www.008069.com-智慧彩挂机下载| www.2029.net-福彩双色球买法| www.8454.loan-竞彩怎么买只赚不赔| www.44547.com-彩票刷流水给佣金| www.85507.com-四象彩票预测源码| www.fu02.com-天天快三安卓版| www.656279.com-大发彩票官方网址| www.593359.com-乐彩城彩票平台| www.905278.com-百宝彩票上海快三| www.82lb.com-赣州体彩中心在哪| www.658458.com-金盛娱乐彩票| www.776991.com-锋彩直播添加频道| www.950234.com-新华网网络彩票| www.ad56.com-河南中原风彩开奖| www.14cn.com-百乐彩苹果app| www.641946.com-时时采彩个位| www.46nd.com-246好彩二四六| www.9427.vip-七星彩中二个数| www.71610.com-河南福彩快三太假| www.98rs.com-迅赢彩票app| www.8803.vip-上海五星体育竞彩| www.227711.com-手机上买彩票可靠吗| www.491456.com-巴西十分彩开奖号码| www.597773.com-彩薇花毁容-| www.762776.com-分分时时彩合法吗| www.6696.top-网上买快彩有方法吗| www.917684.com-彩虹代刷网美化模板| www.130838.com-四川福彩兑奖规则| www.367333.com-体彩大乐透开奖查看| www.877331.com-七乐彩万能15码| 梦想彩票站www.43131c.com| www.553165.com-安庆体彩兑奖中心| www.896844.com-彩票赚钱软件下载| www.976104.com-彩礼感慨-| www.cp3559.com-河南快三遗漏查询表| www.758585.com-99彩票是不是骗局| www.831284.com-彩票主任事件| www.955168.com-博大彩票邀请码| 中彩网www.2408e.cc| www.006994.com-下载qq彩票-| www.059398.com-k彩娱乐线路| www.766418.com-中彩堂正版料| www.68983.cc-甘肃的快三开奖结果| www.919516.com-自己怎么搭彩票网站| www.984670.com-彩虹团队的骗局| www.cp7318.com-湖北快三爱彩乐| www.806967.com-收藏奥运彩票多少钱| www.213.name-购彩app是真的吗| www.3643.xyz-正真的彩票职业玩家| www.972534.com-人物彩铅画插图| www.ng3.com-一分快三走势图官网| www.vr74.com-甘肃快三微信群号| www.42ox.com-猫彩铅画图片大全| www.436.mobi-时时彩推波玩法秘籍| www.2977.xyz-今晚六禾彩开奖结果| www.8403.vip-彩票无法下单| www.886246.com-彩票计算分析原理| www.977733.com-体彩世界杯竞猜网| www.yh73.cc-手机福彩8-| www.47pz.com-下载新浪彩票app| www.1213.me-快三怎么看是不是龙| www.313710.com-南粤风彩好彩1规则| www.380558.com-体彩麻辣中奖图片| www.517859.com-安徽省体彩管理中心| www.1344.cc-我要登录七乐彩票| www.761254.com-体育彩票排列3| www.908736.com-彩票中奖交税规则| www.949291.com-福彩dd彩票-| www.li52.com-共赢国际彩票登陆| www.57er.com-玩京彩犯法吗| www.23it.cc-今彩539开奖结果| www.0056.cn-时时彩连中二十把| www.469068.com-美国彩票代购微信| www.532105.com-彩票大乐透破解方法| www.654880.com-马来彩三分钟| www.714102.com-彩票购买大奖网| www.777529.com-福彩三地杀码图| www.827872.com-乐猫手机彩票| www.883896.com-内蒙古快三摇奖现场|