jQuery带描述和导航的大图轮播
- 作者：我爱模版网
- 大小：1.94MB
- 点击次数：
- 发布时间：2014-02-14 14:09
特效介绍
jQuery带描述和导航的大图轮播，兼容IE6，IE7，IE8，火狐，360等主流浏览器。当然，IE6的PNG透明问题，得先解决。需要解决IE6的png透明问题，教程请访问：完美解决IE6的png透明问题
使用方法
1、依次引入 fashionfoucs.css、jQuery脚本库 以及 jquery.plugin.min.js 文件。2、将以下代码复制进页面中即可
<div id="banner">
<ul id="banner_img">
<li class="item1">
<div class="wrapper">
<div class="ad_txt">
<h2>
互联网品牌传播解决方案
</h2>
<p>
成都顶级品牌网站建设公司-锐狐网络！
<br />
基于互联网的品牌行销策略的策划与执行。
<br />
品牌形象挖掘、梳理、包装、表现与传播。
<br />
辅助企业实现品牌战略目标的互联网解决方案。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120905092323647.png" width="506" height="404" alt="互联网品牌传播解决方案"
/>
</div>
</div>
</li>
<li class="item2">
<div class="wrapper">
<div class="ad_txt">
<h2>
Web应用(B/S)定制开发
</h2>
<p>
自主研发、完善的开发框架。
<br />
详细的需求调研及解决方案。
<br />
实施项目经验丰富的项目团队。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015430148.png" width="506" height="404" alt="Web应用(B/S)定制开发"
/>
</div>
</div>
</li>
<li class="item3">
<div class="wrapper">
<div class="ad_txt">
<h2>
互联网时代的整合营销
</h2>
<p>
基于互联网的品牌营销策略的定制与执行。
<br />
品牌形象挖掘、梳理、包装、表现与传播。
<br />
坐拥着最为丰富的行业经验与优势资源。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015446637.png" width="506" height="404" alt="互联网时代的整合营销"
/>
</div>
</div>
</li>
<li class="item4">
<div class="wrapper">
<div class="ad_txt">
<h2>
您的网站全职管家
</h2>
<p>
成熟的监控与报警机制。
<br />
丰富的整合营销的能力和经验。
<br />
专业数据分析、开发和维护部门。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015615324.png" width="506" height="404" alt="您的网站全职管家"
/>
</div>
</div>
</li>
<li class="item5">
<div class="wrapper">
<div class="ad_txt">
<h2>
不可忽略的移动终端
</h2>
<p>
IOS系统、Android系统应用开发。
<br />
App Store、Google Play 发布。
<br />
APP推广服务。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015631560.png" width="506" height="404" alt="不可忽略的移动终端"
/>
</div>
</div>
</li>
<li class="item6">
<div class="wrapper">
<div class="ad_txt">
<h2>
全新的学术会议体验
</h2>
<p>
工作更高效，主办方更轻松。
<br />
线上报名，让主办方不再为报名的事而费尽脑筋。
<br />
线上投稿、审稿，为主办方提高收寄、审稿效率。
<br />
酒店预订，会议行程更加轻松。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015651273.png" width="506" height="404" alt="全新的学术会议体验"
/>
</div>
</div>
</li>
<li class="item7">
<div class="wrapper">
<div class="ad_txt">
<h2>
医院网站管理系统(HMS)
</h2>
<p>
与大型医院密切合作。
<br />
诊疗挂号很轻松，检验结果实时查询，在线医患服务。
<br />
便捷的数据处理能力，稳定的软件基础架构。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015711808.png" width="506" height="404" alt="医院网站管理系统(HMS)"
/>
</div>
</div>
</li>
<li class="item8">
<div class="wrapper">
<div class="ad_txt">
<h2>
智慧点亮网络(RUIFOX-LAB)
</h2>
<p>
互联网改变世界，我们改变互联网。
<br />
精彩前沿技术演练场。
<br />
锐狐新产品尝鲜体验。
</p>
<a href="http://www.lanrentuku.com/" target="_blank">
了解详细>
</a>
</div>
<div class="ad_img">
<img src="images/20120830015726137.png" width="506" height="404" alt="智慧点亮网络(RUIFOX-LAB)"
/>
</div>
</div>
</li>
</ul>
<div id="banner_ctr">
<div id="drag_ctr">
</div>
<ul>
<li class="first-item">
网站建设
</li>
<li>
品牌网站建设
</li>
<li>
应用系统开发
</li>
<li>
网络整合营销
</li>
<li>
网络运维托管
</li>
<li>
手机APP开发
</li>
<li>
学术会议系统
</li>
<li>
医院网站系统
</li>
<li>
实验室
</li>
<li class="last-item">
网站设计
</li>
</ul>
<div id="drag_arrow">
</div>
</div>
</div>
<script type="text/javascript" src="js/fashionfoucs.js">
</script>
- 本文标签：
- jQuery轮播,图片轮播
