急!!!这种鼠标放到文字上出现图片的JS效果叫什么,用HTML怎么写?
展开全部
onmouseover()事件
不知道你的文字是不是超链接,我就以超链接为例写一个例子(其它标签也是一样):
<a href="#" onmouseover="aaa()" onmouseout="bbb()">徐闻秀作品</a>
<script>
//鼠标浮动到文字上时的事件
function aaa(){
//这个地方将你的图片显示出来
}
//鼠标离开时
function bbb(){
//这个地方将你的图片隐藏
}
</script>
不知道你的文字是不是超链接,我就以超链接为例写一个例子(其它标签也是一样):
<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不一样,就可以实现功能了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询