<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery iNav动画插件 - 网页模板</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/screen.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/jquery.inav-min.css" type="text/css" media="all" />
<script type="text/javascript" src="js/jQuery.js"></script>
<script type="text/javascript" src="js/jquery.inav-packed.js"></script>
</head>
<body class="home page page-id-5 page-template-default">
<div id="head">
<div id="menu">
<div class="container">
<a id="logo" href="http://www.moobnn.com/">jQuery iNav 2.0</a>
<ul id="navigation" class="unstyled menu">
<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-5 current_page_item menu-item-16">
<a href="http://www.moobnn.com/">Home</a></li>
</ul>
</div>
</div>
<div class="container" id="inav-dock">
<div class="inav-showcase" id="inav">
<div class="inav-arrows">
<a href="#" class="inav-prev-item inav-arrow">
<!-- --></a><a href="#" class="inav-next-item inav-arrow">
<!-- --></a></div>
<div class="inav-menu">
</div>
<div class="inav-slides">
<ul>
<li><a href="#">
<img src="img/elephant.png" alt="" /></a></li>
<li><a href="#">
<img src="img/gorilla.png" alt="" /></a></li>
<li><a href="#">
<img src="img/home.png" alt="" /></a></li>
<li><a href="#">
<img src="img/ice-cream.png" alt="" /></a></li>
<li><a href="#">
<img src="img/lion.png" alt="" /></a></li>
<li><a href="#">
<img src="img/elephant.png" alt="" /></a></li>
<li><a href="#">
<img src="img/gorilla.png" alt="" /></a></li>
<li><a href="#">
<img src="img/home.png" alt="" /></a></li>
<li class="title">circus</li>
</ul>
<ul>
<li><a href="#">
<img src="img/cart.png" alt="" /></a></li>
<li><a href="#">
<img src="img/notebook_boy.png" alt="" /></a></li>
<li><a href="#">
<img src="img/notebook_girl.png" alt="" /></a></li>
<li><a href="#">
<img src="img/photo.png" alt="" /></a></li>
<li><a href="#">
<img src="img/piggybank.png" alt="" /></a></li>
<li><a href="#">
<img src="img/cart.png" alt="" /></a></li>
<li><a href="#">
<img src="img/notebook_boy.png" alt="" /></a></li>
<li><a href="#">
<img src="img/notebook_girl.png" alt="" /></a></li>
<li class="title">fliraneo</li>
</ul>
<ul>
<li><a href="#">
<img src="img/akg-k181-256x256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/MBP-256x256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/mk2-sl25-256x256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/nocturn-256x256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/profire-610-256x256.png" alt="" /></a></li>
<li class="title">gadgets</li>
</ul>
<ul>
<li><a href="#">
<img src="img/Agate256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/Coin256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/FilesFolder256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/Ingot256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/Melted256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/PaperMoney256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/Partnership256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/Ring256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/StoneRing256.png" alt="" /></a></li>
<li><a href="#">
<img src="img/Treasure256.png" alt="" /></a></li>
<li class="title">jewelry</li>
</ul>
</div>
<!-- /slides --></div>
<!-- /inav-showcase --></div>
</div>
<div id="high">
<div class="container">
<h1>The best product showcasing <small>with iNav you can create simple
and amazing items navigation menu.</small></h1>
</div>
</div>
<div id="main">
<div class="container">
<div class="row">
<div id="wide" class="span7">
<div class="section">
<h3>iNav — jQuery plugin</h3>
<p>iNav it’s a jQuery plugin that let you create an amazing
animated Menu (even with multiple menus) or Items
Showcasing.
<strong>Inspired by Apple products navigation</strong>, iNav
can introduce in your website a very <strong>powerful
javascript navigation!</strong> In order to work properly,
iNav requires at least jQuery 1.4 or higher.</p>
</div>
<div class="section">
<h3>Features</h3>
<h5>2 in 1</h5>
<p>jQuery iNav it’s an animated menu items showcasing, but
it’s also a Carousel.</p>
<h5>Autoscroll</h5>
<p>You can set a interval and your carousel will auto-scroll
to show always all your items!</p>
<h5>Themes</h5>
<p>You can choose a theme from the starter kit or create
your own easily</p>
<h5>Autoscroll</h5>
<p>You can set a interval and your carousel will auto-scroll
to show always all your items!</p>
<h5>Infinity scrolling</h5>
<p>Available as an optional parameter, you can choose if
rewind the carousel when the latest item was reached.</p>
<h5>You have the control</h5>
<p>jQuery iNav have more than 20 options and 10 callbacks
that you can use to have the control of the plugin!</p>
<h5>Extremly configurable</h5>
<p>You can configure every class name used by jQuery iNav.</p>
</div>
</div>
<!-- /wide -->
<div id="side" class="span4 offset1">
<div class="widget">
<h3>Crossbrowser</h3>
<p>jQuery iNav include support for all major browser: IE7+,
Safari, Firefox, Chrome and Opera.</p>
</div>
<div class="widget">
<h3>Support</h3>
<p>Install jQuery iNav it’s simple, but if you need support
you can always email me, or use the Codecanyon product page.</p>
</div>
<div class="widget">
<h3>Themes</h3>
<p>Not familiar with CSS ?<br>
This is not a problem! From version 2.0 iNav include a set
of themes that you can use with your project just including
the CSS file!!!</p>
</div>
<div class="widget">
<h3>Changelog<small>latest version: 2.0 - 2012/05/23</small></h3>
<p>The version 2.0 it’s a major release, and include new
features, bug fixes and some improvements:</p>
<p>* Carousel autoslide ( with timer )<br>
* Easy setup<br>
* Lots of callbacks<br>
* Cleanup of code<br>
* Added support for iNav Themes<br>
* Infinity scrolling<br>
* Less code for initial setup<br>
* Public methods: hide arrows and pause auto-scroll</p>
</div>
</div>
<!-- /side --></div>
<!-- /row --></div>
<!-- /main-container --></div>
<script type="text/javascript" src="js/core.js"></script>
<div style="text-align:center;clear:both">
<p><font color="#FFFFFF">适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
</font> </p>
<p><font color="#FFFFFF">来源：</font><a href="http://www.moobnn.com/" target="_blank"><font color="#FFFFFF">网页模板</font></a></p>
</div>
</body>
</html>
jQuery iNav动画插件 jQuery iNav动画插件网页特效.zip （38个子文件） 
jQuery iNav动画插件 jQuery iNav动画插件网页特效 jiaoben1024 css 
bootstrap.min.css 74KB
bg-dock.png 9KB bg-menu.png 964B screen.css 4KB bg-arrows.png 11KB bg-head.png 6KB jquery.inav-min.css 4KB img ice-cream.png 66KB Coin256.png 69KB elephant.png 99KB Ingot256.png 44KB home(1).png 86KB StoneRing256.png 76KB gorilla.png 71KB mk2-sl25-256x256.png 22KB PaperMoney256.png 80KB Melted256.png 60KB photo.png 98KB notebook_girl.png 82KB notebook_girl(1).png 82KB home.png 86KB cart.png 59KB Ring256.png 81KB piggybank.png 76KB profire-610-256x256.png 51KB lion.png 73KB FilesFolder256.png 61KB Partnership256.png 53KB akg-k181-256x256.png 36KB nocturn-256x256.png 44KB Treasure256.png 77KB MBP-256x256.png 53KB notebook_boy.png 54KB Agate256.png 76KB
index.html 7KB js core.js 512B jQuery.js 93KB jquery.inav-packed.js 7KB资源评论
芝麻粒儿
- 粉丝: 6w+
- 资源: 2万+
