特殊效果的显示隐藏层
来源:百度知道 编辑:UC知道 时间:2024/05/17 04:15:35
有多个DIV 是根据读记录出来的,
主要效果就是类似 QQ 好友基本信息似的
鼠标 移动到好友头像或者名称时候会弹出一个层来, 在这个层里 可以选择看日志或者看钻信息之类的 .离开这个层的时候会关闭.移动到别的好友头像的时候 就会换一个层
这种效果可以实现么?
我在网上找了好久 都没有找到 有也是只能实现2个主彩单的切换 这样的好解决 要是N个主menu的话就不好办了
恳请各位高手帮忙 ,万分感谢
这个当然知道了,我需要的是多个div的时候该怎么操作?
要是固定的div的话就好办了
问题是我的div都是读记录出来的 到底有多少我自己也没谱
div css我懂 不懂js
就是那个js函数不会写
主要效果就是类似 QQ 好友基本信息似的
鼠标 移动到好友头像或者名称时候会弹出一个层来, 在这个层里 可以选择看日志或者看钻信息之类的 .离开这个层的时候会关闭.移动到别的好友头像的时候 就会换一个层
这种效果可以实现么?
我在网上找了好久 都没有找到 有也是只能实现2个主彩单的切换 这样的好解决 要是N个主menu的话就不好办了
恳请各位高手帮忙 ,万分感谢
这个当然知道了,我需要的是多个div的时候该怎么操作?
要是固定的div的话就好办了
问题是我的div都是读记录出来的 到底有多少我自己也没谱
div css我懂 不懂js
就是那个js函数不会写
利用鼠标事件结合css中的display设置就可以实现你想要的功能,你不是会css吗,然后你再结合css定位,就可以实现你的功能了
<html>
<head>
<script>
function a(x){
if(x=="img1"){
document.all.div1.style.display="block";
}else{
document.all.div2.style.display="block";
}
}
function b(){
document.all.div1.style.display="none";
document.all.div2.style.display="none";
}
</script>
</head>
<body>
<img src="" name="img1" id="img1" onmouseover="a(this.name)" onmouseout="b()" width="100" height="100">
<div name="div1" id="div1" style="z-index:1;display:none;">aaa<br>bbb</div><br>
<img src="" name="img2" id="img2" onmouseover="a(this.name)" onmouseout="b()" width="100&quo