zoukankan      html  css  js  c++  java
  • 鼠标移入、移出触发事件实现

      写在标签里的移入/悬浮事件实现:

      将鼠标移至(悬浮)到某个标签范围内触发事件或提示消息等效果实现的关键词为:onmouseover。

      代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
        <label id="test" onmouseover="alert('装完B就跑,真TM刺激!')">
            你瞅啥!?过来试试!
        </label>
    </body>
    </html>
    

       实现效果:

       如图所示,当鼠标移至label标签范围内的时候会触发alert事件。

      JS实现鼠标移入、移出事件实现代码如下:

       $(document).on('mouseenter', '#aaa', function(){
            alert("鼠标移入事件!");
        }).on('mouseleave', '#aaa', function(){
            alert("鼠标移出事件!");
        });
    

      

  • 相关阅读:
    让本地仓库和远程仓库关联
    指定本地仓库与github上的test项目相连
    Git 指令
    DOS命令+++GITHUP用法
    xml
    渲染数据的方法
    php
    css3的过渡、动画、2D、3D效果
    渲染数据
    ajax
  • 原文地址:https://www.cnblogs.com/Big-Boss/p/9531082.html
Copyright © 2011-2022 走看看