jQueryhover事件制作jquery菜单-创新互联

jQuery hover事件

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名注册、虚拟空间、营销软件、网站建设、新丰网站维护、网站推广。

hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法。这是一个自定义的方法,它为频繁使用的任务提供了一种“保持在其中”的状态。

当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持“悬停”状态,而不触发移出事件(修正了使用mouseout事件的一个常见错误)。

参数 :

over (Function) : 鼠标移到元素上要触发的函数

out (Function): 鼠标移出元素要触发的函数

示例 :

鼠标悬停的表格加上特定的类

jQuery 代码:

$("td").hover(

function () {

 $(this).addClass("hover");

 },

function () {

 $(this).removeClass("hover");

 }

);

实例如下:

   

       

       jquery导航

       

       

   

   

       

          

              主页

                 

                     

  • 主页一
  •                      

  • 主页二
  •                      

  • 主页三
  •                  

                  

                  新闻

                     

                         

  • 新闻一
  •                      

  • 新闻二
  •                      

  • 新闻三
  •                  

                  

                  联系方式

                     

                         

  • 联系方式一
  •                      

  • 联系方式二
  •                      

  • 联系方式三
  •                  

                  

              

           

       

    效果图如下:

    jQuery hover 事件制作jquery菜单

    另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    分享文章:jQueryhover事件制作jquery菜单-创新互联
    网址分享:http://azwzsj.com/article/cseigi.html

    其他资讯