网页制作鼠标移动触发事件onmouseover
关注:153 答案:2 手机版
解决时间 2021-03-06 05:16
- 提问者网友:巴黎左岸
- 2021-03-05 16:17
鼠标移动到一张图片或者一个元素上,然后触发事件,让图片或者元素上移或者下移,求代码
最佳答案
- 二级知识专家网友:怼你笑纯属礼貌
- 2021-03-05 17:34
给图片或者元素加个ID,比如ID为element,并且该元素为定位元素,即有position属性。
var oElement = document.getElementById('element'); //获取该元素。
var iTop = oElement.offsetTop; //获取元素的TOP值。
var iNum = 5; //图片移动的距离
oElement.onmouseover = function (){
this.style.top = iTop + iNum; //如果上移,只需把加号改为减号即可。
}
不懂?下面追问。
var oElement = document.getElementById('element'); //获取该元素。
var iTop = oElement.offsetTop; //获取元素的TOP值。
var iNum = 5; //图片移动的距离
oElement.onmouseover = function (){
this.style.top = iTop + iNum; //如果上移,只需把加号改为减号即可。
}
不懂?下面追问。
全部回答
- 1楼网友:你瞎啊撞我心上來
- 2021-03-05 18:21
在div的mouseover事件中注册一个变量标志这个状态,比如加到div的属性上div.mousein=true
在div的mouseout事件和window的blur事件中标志这个状态,比如div的属性上div.mousein=false
然后在按钮的点击事件中判断div的mousein属性 if ( div.mousein ) .
估计楼主一个按钮一个响应函数用在不同的地方了吧。还是建议分开,按钮的功能和外层的html结构耦合了,这种事情不好。以后你改了html代码结构,早都忘了js里怎么判断了,出错了要找很久的。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!