我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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菜单


    标题名称:jQueryhover事件制作jquery菜单
    文章链接:http://mswzjz.cn/article/jipjsi.html

    其他资讯