html的onmouseover的简单介绍

http://www.itjxue.com  2023-01-28 11:14  来源:未知  点击次数: 

html通过onmouseover事件显示不同div的内容,实现不了,求教

鼠标的移入移出事件在你的div里是应该这样写的:div?id="mlabl"?onmouseover="displaynan()"?onmouseout="styleChangeout()"/div,没见过一个鼠标事件同时触发两个函数(你放了两个函数在上面)。另外,还有要注意的是onmouseover和onmouseout事件有冒泡(即鼠标移到其后代元素上时会触发,若这里不懂什么是冒泡请自行百度吧),所以,更多情况下我们推荐使用mouseenter和mouseleave来代替这两个事件。

我简单的做了一个类似的,不知道符不符合你的要求:

!DOCTYPE?html

html

head

meta?charset="UTF-8"

title鼠标经过时显示不同的内容/title

/head

body

div?id="mlabl"?onmouseover="displaynan('男')"?onmouseout="styleChangeout()"

labela?id="ma1"br?/nbsp;nbsp;nbsp;nbsp;nbsp;推荐男会员/a/label

/div

div?id="mlab2"?onmouseover="displaynan('女')"?onmouseout="styleChangeout()"

labela?id="ma2"br?/nbsp;nbsp;nbsp;nbsp;nbsp;推荐女会员/a/label

/div

div?id="usernan"男?内容/div

div?id="usernv"女?内容/div

script?type="text/javascript"?charset="UTF-8"

function?displaynan(sex){

if(sex=="男"){

document.getElementById('usernan').style.display?=?"block";

document.getElementById('usernv').style.display?=?"none";

}else{

document.getElementById('usernan').style.display?=?"none";

document.getElementById('usernv').style.display?=?"block";

}

}

function?styleChangeout(){

document.getElementById('usernan').style.display?=?"none";

document.getElementById('usernv').style.display?=?"none";

}

/script

/body

/html

希望我的回答能帮助到你。

html中onmouseover切换图片

Not a big deal!

tr

????td?onmouseover="changePicture('香格里拉.jpg')"香格里拉/td

????td?onmouseover="changePicture('避暑山庄.jpg')"避暑山庄/td

/tr

trtdimg?id="pic"?alt="图片"?src="香格里拉.jpg"//td/tr

function?changePicture(url){

????pic.src=url;

}

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一个图片介绍

//设置一个div,但是默认却是隐藏起来的。

.s1{

position: absolute;

display: none;

}

// js

function show(){

document.getElementById("s1").style.display="block";

}

function dis(){

document.getElementById("s1").style.display="none";

}

img src="small.bmp" onmouseover="show();" onmouseout="dis();"

div class="s1" id="s1"img src="big.bmp"/div

要是想弹出文字介绍 把s1里面的img换成字就行了,或者简单点就在第一个img上加一个alt的属性,鼠标放在上边也有显示。

html中的onmouseover事件,可以在不用鼠标的情况下,强制触发这个事件么?????

你好,人家提供的这个方法就是鼠标滑过事件,效果就类似于css中的:hover。 你具体想要什么效果可以说再详细点

HTML里的onmouseover里怎么设置鼠标离开后显示回默认的图片呢?

您好:很高兴为您回答

onmouseover 的“双胞胎” 兄弟:onmouseout 一般来说是能够满足您的需求;

解决思路:

原图片是1.jpg

当鼠标移动上某一元素的时候替换图片为2.jpg;

当鼠标离开这一元素的时候替换图片问1.jpg;

定义两事件,在元素中同时调用就可以!

满意请采纳, 有问题请追问,谢谢!

(责任编辑:IT教学网)

更多

推荐鼠标代码文章