jquery如何判断鼠标停留以及鼠标滑过

工作中经常碰到操纵jquery判定一些工具的需求 , 下面我们就来说一下jquery若何判定鼠标逗留以及鼠标滑过;

jquery如何判断鼠标停留以及鼠标滑过

文章插图
方式/
1【jquery如何判断鼠标停留以及鼠标滑过】如图所示 , 我们起首建立一个HTML文件 , 并编写好根本代码;

jquery如何判断鼠标停留以及鼠标滑过

文章插图

2随后我们引入jquery框架 , 如图所示;

jquery如何判断鼠标停留以及鼠标滑过

文章插图

3然后 , 建立一个div , 并设置好样式 , 让div外显出来;

jquery如何判断鼠标停留以及鼠标滑过

文章插图

4然后我们先运行一下HTML页面 , 看看div是否外显出来了 , 如图所示;

jquery如何判断鼠标停留以及鼠标滑过

文章插图

5之后我们接着编写js代码 , 如图 , 操纵hover函数;

jquery如何判断鼠标停留以及鼠标滑过

文章插图

6hover函数一共有两个参数 , 别离是鼠标悬停在元素上和移开元素的操作 , 我们在悬停操作时进行改变div的颜色 , 如图所示;

jquery如何判断鼠标停留以及鼠标滑过

文章插图

7之后 , 在移开的时辰进行还原div的颜色 , 如图所示;

jquery如何判断鼠标停留以及鼠标滑过

文章插图


以上内容就是jquery如何判断鼠标停留以及鼠标滑过的内容啦 , 希望对你有所帮助哦!

    推荐阅读