码迷,mamicode.com
首页 >  
搜索关键字:鼠标移出    ( 133个结果
JavaScript 入门练习2:鼠标移入移出改变 div 大小
有一个位于屏幕正中央的红色 div 正方形盒子,宽高为200×200像素,鼠标移入(悬停),正方形会变成400×400像素,鼠标移出,正方形恢复200×200像素。 使用 CSS3、JavaScript 两种方式实现。 效果如下图: 用到的知识点: 1、让盒子居中会用到 margin、padding ...
分类:编程语言   时间:2017-12-11 11:11:58    阅读次数:155
jquery 事件监听方法
一、事件监听方法 mouseover() 鼠标移入事件方法 mouseout() 鼠标移出事件方法 mouseenter() 鼠标移入事件方法 mouseleave() 鼠标移出事件方法 focus() 获得焦点 blur() 失去焦点 二、hover()方法 【语法1】: 【语法2】: 参数解释: ...
分类:Web程序   时间:2017-11-14 14:27:02    阅读次数:729
div鼠标悬停,子元素上移,鼠标移出,子元素下移动画。
HTML: css: js stop()事件用来阻止动画一直运行。 ...
分类:移动开发   时间:2017-11-10 18:42:12    阅读次数:222
mouseout、mouseover和mouseleave、mouseenter区别
mouseenter:当鼠标移入某元素时触发。 mouseleave:当鼠标移出某元素时触发。 mouseover:当鼠标移入某元素时触发,移入和移出其子元素时也会触发。 mouseout:当鼠标移出某元素时触发,移入和移出其子元素时也会触发。 mousemove:鼠标在某元素上移动时触发,即使在其 ...
分类:其他好文   时间:2017-11-08 11:51:28    阅读次数:181
javascript --- 鼠标事件
1、基本鼠标事件: mouseenter:当鼠标移入某元素时触发。 mouseleave:当鼠标移出某元素时触发。 mouseover:当鼠标移入某元素时触发,移入和移出其子元素时也会触发。 mouseout:当鼠标移出某元素时触发,移入和移出其子元素时也会触发。 mousemove:鼠标在某元素上 ...
分类:编程语言   时间:2017-11-04 22:31:36    阅读次数:220
jQuery的切换函数(hover,toggle)
1.hover:(鼠标悬停与离开事件) 参数 over,outFunction,FunctionV1.0 over:鼠标移到元素上要触发的函数 out:鼠标移出元素要触发的函数 outObjectV1.4 当鼠标移到元素上或移出元素时触发执行的事件函数 例如 :(鼠标悬浮上去字体变为红色,离开变为黑 ...
分类:Web程序   时间:2017-11-01 19:40:15    阅读次数:296
JS实例5
做这么一个效果 鼠标单击某个名字后变色,没选中的鼠标移动上去变色 首先布局这个效果,然后给每个表格添加单击事件onclick、鼠标放上事件onmousemove、鼠标移出事件onmouseout 容易把这几个事件弄混 因为是class名 所有onclick="Dian(this)" onmousem ...
分类:Web程序   时间:2017-10-27 01:56:05    阅读次数:234
第53天:鼠标事件、event事件对象
-->鼠标事件-->event事件对象-->默认事件-->键盘事件(keyCode)-->拖拽效果 一、鼠标事件 onclick 鼠标点击事件oncontextmenu 鼠标右键点击onmouseover 鼠标移上onmouseout 鼠标移出onmousedown 鼠标按下onmousemove ...
分类:其他好文   时间:2017-10-14 21:02:38    阅读次数:208
JavaScript--轮播图_带计时器
轮播图效果: 实现的功能: 1.鼠标移入,左右按钮显示 2.右下叫小圆点鼠标移入,进入下一张图 3.左右按钮点击,右下小圆点页跟随变更 4.自动开启计时器,鼠标移入右下叫小圆点区,计时器停止,鼠标移出小圆点区,计时器继续(自动下一张图片) 实现代码: ...
分类:编程语言   时间:2017-10-14 16:48:30    阅读次数:181
利用JavaScript+DIV+CSS实现下拉菜单。当鼠标移动到菜单选项的时候显示对应的DIV:function show(menu)。当鼠标移出的时候隐藏所有的DIV:function hide()。
<!--程序ch02_11_Menu.html--><html> <head> <title>下拉菜单实例</title> <script language="javaScript"> //当鼠标移动到菜单选项的时候显示对应的DIV function show(menu) {document.get ...
分类:移动开发   时间:2017-10-07 22:53:05    阅读次数:408
133条   上一页 1 2 3 4 5 6 ... 14 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!