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.05548.com-顺发彩票官方网站| www.77916.com-六爻测彩票五行规律| www.089210.com-vr重庆时时彩官方| www.237136.com-今日竞彩足球| www.581714.com-芒果彩票平台| www.502725.com-私彩开奖-| www.772667.com-时时彩概率漏洞| www.105802.com-浙江体彩网彩票| www.185138.cc-下载彩500app| www.240733.com-颖彩双色球专栏| www.326793.com-七星彩领奖-| www.424105.com-附近卖福利彩票站点| www.543625.com-呼市福彩快三走势图| www.637757.com-竟彩现场比分彩客网| www.751490.com-胜负彩足球彩票| www.960381.com-盐城开发区彩票| www.aj62.com-体彩481投注技巧| www.7224.in-hao500彩票-| www.980042.com-彩票店布置图片| www.778904.com-彩报网3d专家预测| www.309147.com-福彩3d热点的含义| www.409831.com-米彩和昭阳的电视剧| www.0095.xyz-好的彩票名字| 大玩家彩票www.9478i.com| www.ms18.com-中彩网双色球旧版本| www.47ht.com-军长胜负彩推荐| www.3737.mobi-彩77彩票网-| www.167266.com-北京快三官网| www.531002.com-少儿彩铅画作品大全| www.206737.com-1分钟一期的快三| www.cp3808.com-分分快三计划网页| www.605509.com-6splus彩膜-| www.9909.me-澳洲高频彩票三分彩| www.005460.com-彩民交流-| www.686768.com-彩票中奖彩民| www.813498.com-福彩3d牛彩涂谜| www.801992.com-吉林市打击黑彩| www.dm4.cc-快三哪里可以玩| www.358211.com-天才彩票网址| www.72049.com-安装彩猫彩票| www.519610.com-大乐透彩民乐图迷| www.33338.cc-福彩3d几天开一次| www.3547.cn-冠军彩票-| www.12973.cc-浙江体彩兑奖规则| www.84815.com-宾利事业彩票网址| www.283369.com-七星彩彩票简介| www.392612.com-网络彩票技术推广| www.230925.com-甘肃快三爱采乐| www.8696.cc-天空彩票与你同行l| www.453286.com-南京彩光祛斑嫩肤| www.698222.com-中国彩app怎么样| www.846787.com-竞彩必发盈亏| www.917230.com-星空彩铅画教程| www.974313.com-福利彩票分分彩| www.068212.com-好彩店彩票用不了了| www.966023.com-快三遗漏值-| www.ab22.com-广西手机彩票投注| www.144622.com-足彩不中反-| www.23hc.com-必发彩票导航路线| www.228699.com-体彩店内布置图| www.103255.com-九州体彩app| www.303305.com-七彩国际创始人| www.871924.com-彩票每月任务| www.973125.com-凤彩网彩票网| www.am37.cc-亿网彩票-| www.02mn.com-高级彩虹屁文言文| www.477586.com-手机3d彩神通| www.426814.com-福彩三d三毛图库大| www.560820.com-zcw中彩网-| www.633028.com-成都七彩田野好玩吗| www.736152.com-中国彩吧图库吧| www.910940.com-湖北快三遗漏遗漏| www.984396.com-安徵快三时时彩技巧| www.bu86.com-京东快彩靠谱吗| www.165153.com-彩票刷佣金平台| www.341774.com-盈易福彩下载安装| www.850.blue-福彩36-| www.j47.com-彩巴伦坛-| www.3768.cm-贵厅室彩票app| www.900858.com-福彩3d小军第三版| www.wc2.cc-彩经网排列3免费| www.369834.com-竞彩封盘早-| 皮皮彩www.106280.com| www.280845.com-时时彩后三直选规律| www.404471.com-乐米彩票网页登录| www.wy12.com-昨天彩票出什么号| www.sr38.com-51彩票实时计划| www.304236.com-体彩排列三中奖号| www.050107.com-鎏三十载公益福彩| 盛大彩票www.c2953.com| www.619159.com-淄博市福彩中心地址| www.666750.com-七星彩准头尾论坛| www.w41.org-彩票3d表-| www.mo88.cc-彩票.开奖-| www.6bl.com-星光彩票会不会有假| www.62756.cc-今天体彩排列3开奖| www.219028.com-百姓彩票网站网址| www.3781.win-足球彩票单场胜负| www.473.bid-彩票举办-| www.78pp.cc-利搏彩票解马| www.062144.com-彩票号码预测网站| www.572796.com-华宇app买彩票| www.865571.com-205彩票-| www.985149.com-福利彩吧8-| www.mf74.com-牛蛙彩票下载| www.114898.com-银河彩票免费下载| www.066137.com-统一彩票可靠吗| www.664492.com-湛江七星彩网投平台| www.228848.com-好彩网免费资料大全| www.82rv.com-中国足彩返奖率| www.1194.cm-彩票回补什么意思| www.45147.com-有豪模式的彩票平台| www.91658.cc-香港好彩烟哪种好| www.454033.com-王中王彩票-| www.598014.com-彩票中奖没规矩| www.744281.com-华人彩-| www.27715.com-彩铅食物手绘| www.006760.com-xm彩票-| www.103801.com-78彩票app官网| www.299224.com-上海福彩快三预测| www.vl82.com-体育彩票快三奖励| www.671.cm-乐玩彩票邀请码| www.9476.vip-免费彩票统计软件| www.483878.com-彩票5软件靠谱吗| www.599016.com-699彩票靠谱吗| www.682596.com-手机还可以买足彩吗| www.755812.com-汇旺彩票骗局揭秘| www.009.name-竞彩猫可以赚钱吗| www.3277.pw-重庆分分彩靠谱吗| www.305069.com-七星彩历史所有开奖| www.080078.com-彩票3d规律学研究| www.79513.cc-倍投器时时彩| www.023027.com-时时彩刷流水靠谱吗| www.090021.com-中福时时彩开奖结果| www.152819.com-海南七星彩预测图规| www.216298.com-彩票计划app| www.269353.com-518官方彩票网投| www.459513.com-360彩票官网首页| www.226060.com-快乐彩12选5胆拖| www.307735.com-好彩投骗人吗| www.515630.com-网上买彩票赔了5万| www.716689.com-彩铅画古风人物背影| www.871534.com-彩票用什么软件好| 福彩www.16878c.com| www.234104.com-微信足彩-| www.811553.com-足彩加奖-| www.887474.com-色釉是釉下彩吗| www.996184.com-足彩单场竞猜比分| www.cw76.com-上海爱彩乐前三组选| www.569761.com-体育彩票怎么奖| www.157579.com-足彩比分技巧牛人| www.243046.com-彩票是什么-| www.308708.com-黔东南福彩中心地址| www.366103.com-彩铅嘴巴图片大全| www.428338.com-七星彩工具-| www.1010.la-福利彩票礼拜几开奖| www.9235.online中体彩开奖结果| www.378367.com-6号彩票app-| www.741836.com-国彩3串1技巧| 彩票8www.cp8018.cc| www.360148.com-七星彩内部有透露吗| www.506684.com-财神网ll彩种| www.580752.com-福利彩票无手起家| www.655623.com-山西吕梁彩礼价目表|