特效介绍
纯js仿苹果官网app动态展示效果代码，点击下面“Products”和“iTunes and more”可以切换产品，产品会很有弹性的现实和消失。纯js也可以打造和flash一样的动感效果。完美兼容IE6
使用方法
1、在head区引入<!--引入开始-->和<!--引入结束-->之间的代码。2、在body区引入下面的代码：
01 | <div id="div1" class="page"> |
02 | <div class="miaov_box"> |
03 | <ul class="miaov_box_head"> |
04 | <li><a href="http://js.5imoban.net"><img src="img/1.jpg" alt=""/>iPod shuffle</a></li> |
05 | <li><a href="http://js.5imoban.net"><img src="img/2.jpg" alt=""/>iPod nano</a></li> |
06 | <li><a href="http://js.5imoban.net"><img src="img/3.jpg" alt=""/>iPod classic</a></li> |
07 | <li><a href="http://www.5imoban.net"><img src="img/4.jpg" alt=""/>iPod touch</a></li> |
08 | <li><a href="http://www.5imoban.net"><img src="img/5.jpg" alt=""/>Apple TV</a></li> |
09 | <li><a href="http://www.5imoban.net"><img src="img/6.jpg" alt=""/>Accessories</a></li> |
10 | <li><a href="http://www.5imoban.net"><img src="img/7.jpg" alt=""/>Download iTunes 10</a></li> |
11 | <li><a href="http://www.5imoban.net"><img src="img/8.jpg" alt=""/>iTunes Gift Cards</a></li> |
12 | <li><a href="http://www.5imoban.net"><img src="img/9.jpg" alt=""/>Nike + iPod</a></li> |
13 | <li><a href="http://www.5imoban.net"><img src="img/10.jpg" alt=""/>(PRODUCT) RED</a></li> |
14 | <li><a href="http://www.5imoban.net"><img src="img/11.jpg" alt=""/>MobileMe</a></li> |
15 | <li><a href="http://www.5imoban.net"><img src="img/12.jpg" alt=""/>In-Ear Headphones</a></li> |
16 | </ul> |
17 | </div> |
18 | <div class="miaov_box_foot"> |
19 | <span style="left: 424px;" class="caret"></span> |
20 | <a class="show">Products</a> |
21 | <a>iTunes and more</a> |
22 | </div> |
23 | </div> |
