0
点赞
收藏
分享

微信扫一扫

jQuery动画和事件

未定义变量 2022-03-20 阅读 125

jQuery动画和事件

事件:

加载DOM的两种方法:

window.onload(function () {})
$(document).ready(function (){})

绑定事件的两种方法:

合成事件:

事件坐标:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-3.5.1.min.js"></script>
</head>
<body>
<script>
    $("html").mousemove(e=>{
        //获得鼠标所在的X轴位置
        console.log(e.offsetX,e.clientX,e.pageX)
    })
</script>
</body>
</html>

效果如下(获得鼠标所在的X轴位置):

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZrbEmJqC-1647774879460)(C:\Users\zjjt\AppData\Roaming\Typora\typora-user-images\image-20220320184502356.png)]

移除事件:

动画:

基本:

滑动:

淡入淡出:

自定义动画:

本文到此为止,接下来小编还会写一些关于jQuery内容的博客,如果有喜欢的话,希望可以给予小编三连(点赞、收藏+关注)

举报
0 条评论