JQuery事件与动画

最新推荐文章于 2024-08-13 22:07:58 发布

skr.北某人

最新推荐文章于 2024-08-13 22:07:58 发布

阅读量197

点赞数

分类专栏： HTML 文章标签： jquery javascript ecmascript

本文链接：https://blog.csdn.net/beizhihang/article/details/127313549

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

基础事件

window事件

鼠标事件

键盘事件

浏览器事件

表单事件

复合事件

鼠标光标悬停

鼠标事件

鼠标事件是用户在文档上移动或点击鼠标而产生的事件

使用mouseover()与mouseout()方法实现导航栏二级菜单的显示与隐藏

当鼠标移入一级菜单时，显示对应的二级菜单

当鼠标移出时，二级菜单隐藏显示

鼠标事件方法的区别

键盘事件

用户每次按下或者释放键盘按键时都会产生事件

页面怎么加：

<body onkeydown="aaa()">

</body>
<script>
    //加键盘事件1，给谁加 2，页面怎么加
    function aaa(){
    alert("!!");
    }
</script>

获取按下的键：

<body onkeydown="aaa(event)">

</body>
<script>
    function aaa(event){
    var car=event.keyCode
        switch (car){
        case 37:
            alert("左");
                break
            case 38:
                alert("上");
                break
            case 39:
                alert("右");
                break
            case 40:
                alert("下");
                break
        }
    }
</script>

浏览器事件

调整网页大小或拖动滚动条等操作会产生浏览器事件

表单事件

显示隐藏：

    <STYLE>
div{
    height: 500px;
    width: 500px;
    border: 1px solid pink;
    background-color: pink;
}
    </STYLE>
</head>
<body>
<div></div>
<button>显示</button><button>隐藏</button>
</body>
<script>
$(function (){
$('button:first').click(function (){
    $('div').show(2000);
})
    $('button:last').click(function (){
        $('div').hide(2000);
    });
});
</script>