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://bzwzjz.com/article/cseigi.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 专业网站设计 网站制作 自适应网站建设 定制网站设计 营销型网站建设 温江网站设计 手机网站制作 专业网站建设 营销型网站建设 定制网站建设 重庆外贸网站建设 成都企业网站建设公司 成都网站建设公司 成都网站制作 网站制作报价 泸州网站建设 成都品牌网站设计 四川成都网站设计 成都定制网站建设 成都网站制作 重庆企业网站建设 成都营销网站制作