急!!!这种鼠标放到文字上出现图片的JS效果叫什么,用HTML怎么写?

如题所述

onmouseover()事件
不知道你的文字是不是超链接,我就以超链接为例写一个例子(其它标签也是一样):
<a href="#" onmouseover="aaa()" onmouseout="bbb()">徐闻秀作品</a>
<script>
//鼠标浮动到文字上时的事件
function aaa(){
//这个地方将你的图片显示出来
}
//鼠标离开时
function bbb(){
//这个地方将你的图片隐藏
}
</script>追问

我是一点也不会……老师留的作业……呜呜,请问像你写的这样function bbb(){
//这个地方将你的图片隐藏
}
这个大括号里具体怎么写

追答

比如你显示图片用img标签(有一id属性,先将图片隐藏):
徐闻秀作品
//鼠标浮动到文字上时的事件
function aaa(){
document.getElementById("img1").style.display="block";//显示图片
}
//鼠标离开时
function bbb(){
document.getElementById("img1").style.display="none";//这个地方将你的图片隐藏
}
你其他的链接也是这样写,只是用的id不一样,就可以实现功能了

追问

不好意思,最后问一下……我还是不会,下一个怎么办,再改名把上边的这些都再写一遍,那那么多都得写吗?麻烦在具体帮我写一下好吗?拜托了

追答

额,我也不知道你“鼠标放到文字上出现图片”用的是什么标签,那你这样吧,我给个小例子你,你参考吧(在d盘放两张图片:11.jpg,22.jpg,就可以直接运行了):

New Document

function mousemethod(op,imgid){
document.getElementById(imgid).style.display=op;
}

xxxxxx作品
赵荣昌作品

温馨提示:答案为网友推荐,仅供参考

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网