惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
V2EX
C
Check Point Blog
博客园_首页
B
Blog
D
Docker
U
Unit 42
量子位
I
InfoQ
有赞技术团队
有赞技术团队
Martin Fowler
Martin Fowler
GbyAI
GbyAI
L
LangChain Blog
云风的 BLOG
云风的 BLOG
博客园 - Franky
美团技术团队
T
The Blog of Author Tim Ferriss
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
Vercel News
Vercel News
Recent Announcements
Recent Announcements
雷峰网
雷峰网
大猫的无限游戏
大猫的无限游戏
小众软件
小众软件
Google DeepMind News
Google DeepMind News

博客园 - sonkoto

HTML5添加的一些常用新标签 css判断ie浏览器 [jQuery] table表格 [jQuery]animated-hover [jQuery]animate(滑块滑动) [jQuery]图片更换 [jQuery] simple-disappear (消失的例子)——【转】 [转]jQuery formValidator【表达校验插件】 table Editor[table排序] [jQuery] jQuery Plugins by Dylan Verheul [转]jQuery源码解读---执行过程分析 [JQuery Cycle Plugin] 图片轮换 [jQuery] 漂亮的menu+样式表切换 JQuery Cycle Plugin (jQuery循环插件_图片轮换) [转]JQuery效果展示--不看后悔N辈子 [转]DOV+CSS表单:超炫的单选框与复选框效果! [转]【★】javascript 常用代码 超经典! 【转】jQuery下拉框,单选框,多选框整理 Flash:百叶窗 效果
[jQuery] menu_Sliding(menu 滑动)
sonkoto · 2008-07-24 · via 博客园 - sonkoto

Html:

<div class="menu">
    
<ul class="lavaLampBottomStyle" id="1">
      
<li class="menu_first">&nbsp;</li>
      
<li id="menu1" class="menu_mid"><href="#">绿茶商城</a></li>
      
<li id="menu2" class="menu_mid"><href="#">产品介绍</a></li>
      
<li id="menu3" class="menu_mid"><href="#">公司概况</a></li>
      
<li id="menu4" class="menu_mid"><href="#">新闻中心</a></li>
      
<li id="menu5" class="menu_mid"><href="#">绿茶文化</a></li>
      
<li id="menu6" class="menu_mid"><href="#">绿茶健康</a></li>
      
<li id="menu7" class="menu_mid"><href="#">联系我们</a></li>
      
<li class="menu_last">&nbsp;</li>
    
</ul>
</div>

jQuery:

<script type="text/javascript">
      $(
function() {
            $(
"#1").lavaLamp({
                fx: 
"backout"
                speed: 
700,
                click: 
function(event, menuItem) {
                    
return false;
                }

            }
);
      }
);
</script>

附件:http://www.box.net/shared/zz4suxds04