jquery+CSS3实现淘宝移动网页菜单效果

本文实例讲述了jquery+CSS3实现淘宝移动网页菜单效果。分享给大家供大家参考。具体如下：

这是一款基于jquery+CSS3实现的淘宝移动网页菜单，其实这个菜单动画并不复杂，只有缩放和位移。难点是用了扇形结构，而且还要实现扇形的链接区域，这个就费脑筋了，最后采用了传统的图片map来做热区，效果还不错。相信肯定有更好的解决方法。

先来看看运行效果截图：

在线演示地址如下：

http://demo.jb51.net/js/2015/jquery-css3-taobao-phone-menu-codes/

具体代码如下：

若动画不流畅请刷新一下页面

 

 

 
我的淘宝
 
购物车
 
搜索
 
更多
 
物流
 
旺旺
 
 

 
我的淘宝
 
购物车
 
搜索
 
更多
 
物流
 
旺旺
 
 
主页
 

 
 
 
 

 淘宝
 

希望本文所述对大家的jquery程序设计有所帮助。