【代码整合】导航

1、jQuery翻动式菜单制作教程:http://www.36ria.com/447

<ul id="hor"> 
    <li><a href="#" class="home">Home</a></li> 
    <li><a href="#" class="download">Download</a></li> 
    <li><a href="#" class="contact">Contact</a></li> 
 
</ul>
复制代码
$('#hor li a').hover(  
        function () {  
            //将当前的高度取反
            height = $(this).height() * (-1);
            //通过调节backgroundPosition来达到动画效果,留意stop(),有兴趣可以去掉再试下,就明白这函数的作用
            $(this).stop().animate({'backgroundPosition':'(0 ' + height + ')'}, {duration:200});      
        },   
              
        function () {  
            //将backgroundPosition值调回0
            $(this).stop().animate({'backgroundPosition':'(0 0)'}, {duration:200});   
        }  
    );
复制代码
posted @   KOJYA  阅读(159)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 手把手教你在本地部署DeepSeek R1,搭建web-ui ,建议收藏!
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 【非技术】说说2024年我都干了些啥
点击右上角即可分享
微信分享提示