德国开元华人社区开元周游

标题: 鼠标经过DIV渐变出现离开 DIV 渐变隐藏代码问题 [打印本页]

作者: gao_liang 时间: 11.2.2011 12:09
标题: 鼠标经过DIV渐变出现离开 DIV 渐变隐藏代码问题
还是掏来的一段代码，效果是鼠标经过时渐渐的显示出来的一个DIV 离开时这个DIV会渐渐的消失。
我在DIV #tip 里面加了几个文字，然后再里面又嵌套了一个红色的DIV a 但是发现鼠标经过的时候根本显示不出来我加的文字和 DIV a。不太清楚为什么

我找这段代码的目的很简单，我想把我的网页的某些内容放到里面隐藏起来，当鼠标经过这个区域的时候才会显示出来。不过现在来看这段代码只能简单隐藏或显示DIV #tip的背景色，如果在DIV #tip里添加的信息或者嵌套的div 是完全显示不出来的。

是否可以通过简单的修改代码做到让它可以显示或隐藏 DIV #tip 的内容或嵌套的div？

谢谢

作者: taohui 时间: 15.2.2011 04:34
js 鼠标事件

作者: gao_liang 时间: 15.2.2011 22:04
//控制change_show()行为
var s;
function show(x){
if(s){clearInterval(s);}
$("tip").style.display="block";
s = setInterval(change_show,1);
}
我觉得没有问题，要显示的APDIV为 "tip". 我在tip里写了abc三个字母，然后再tip里嵌套了一个名为a的 apdiv，但是都显示不出来。

然后我把 tip 换成a
var s;
function show(x){
if(s){clearInterval(s);}
$("a").style.display="block";
s = setInterval(change_show,1);
}
这回就一切正常了，鼠标经过的时候能显示出 abc三个字母以及红色的apdiv --- a，但是这解释不通啊，因为 a是嵌套在 tip里的啊， tip才是父apdiv，能不能帮我解释一下？让我明白一下为什么？

作者: taohui 时间: 16.2.2011 03:39
你是不是使用了多个同名ID

作者: gao_liang 时间: 16.2.2011 07:59
我还是把这代码发上来吧，说不太明白：（
另外我也发现这段代码有一个小问题，鼠标快速经过这个ap div 快速反复几次以后就类似进入死循环的状态，这个ap div 闪个不停。

能帮解决一下吗? 让它变的有实用性点。谢谢

鼠标经过DIV渐变隐藏出现 - 复制.rar

1.15 KB, 下载次数: 81

作者: taohui 时间: 17.2.2011 05:50
触发的时候先进行unbind

作者: gao_liang 时间: 17.2.2011 22:22
如果这个代码不难改的话，麻烦你能不能帮我改一下，你推荐的那书我也是才下载到，正在看不过还需要一段时间学习，现在真的暂时还没能力修改这个代码。拜托拜托：）

作者: taohui 时间: 18.2.2011 03:49

if($("tip").style.opacity < 1 && $("tip").style.opacity > 0) clearInterval(h);

复制代码

加上这句就可以了，意思是如果在隐藏或者显示过程中（透明度在0到1之间）的话先清除这个动作。

鼠标经过DIV渐变隐藏出现 - 复制.rar

1.18 KB, 下载次数: 162

作者: gao_liang 时间: 18.2.2011 17:59
多谢多谢麻烦管理员了。不过现在还是现实不出来 abc 三个字母和嵌套的红色 apdiv a 啊他们一直处于不显示状态，我也试过在把 <div id="a"></div> 改为<div id="a" onmouseover="show(this);" onmouseout="hidden(this);"></div> 不过根本没用

作者: taohui 时间: 19.2.2011 03:00

$("tip").innerHTML="";

复制代码

不是你自己去清掉的吗？那你把这句去掉就行了。
关键你完全不懂JS在干啥，所以你还是先自己学习一下

作者: gao_liang 时间: 19.2.2011 08:55
恩，我现在也在着急看你给我介绍的那书，我下载的pdf版看的好累，扫描的太差了

作者: gao_liang 时间: 19.2.2011 21:27
现在是 div id="tip" 嵌套了一个 div id="a" 当鼠标经过 tip的时候这个tip里的所有内容由透明转为不透明。奇怪的是经过 a时候也能把所有内容由透明转为不透明
怎么做才能让鼠标“只有”经过 div id="tip" 才做透明渐变，而鼠标经过 div id="a" 不让其做透明渐变，因为 a是包含在 tip里的内容。

作者: taohui 时间: 20.2.2011 03:02
css建浮动层

作者: gao_liang 时间: 23.2.2011 11:25
css建浮动层我不知道是不是我理解错了，试验了几次没好事，你指的这个浮动层是不是添加一个 Ap DIv 然后 position 属性给 fixed ?

作者: taohui 时间: 27.2.2011 09:27
好久没上来了
我让你浮动的意思的比如<div id="f1"></div><div id="f2"></div>,f2浮动到f1上去，则f1的属性改变就不会影响到f2了

作者: gao_liang 时间: 27.2.2011 18:23
多谢 OK 我试试

作者: gao_liang 时间: 27.2.2011 18:40
你的意思是不是 <div id="f1"> <div id="f2"></div> </div> ？？？

作者: taohui 时间: 28.2.2011 04:24
不是

作者: gao_liang 时间: 3.3.2011 18:46
还是没弄明白

，还是麻烦你具体说说吧

欢迎光临德国开元华人社区开元周游 (https://bbs.kaiyuan.cn/)

德国开元华人社区 开元周游

德国开元华人社区开元周游