关于图层的几个问题

时间:2020-12-03 10:11:24
想做一个下拉菜单,样式跟http://www.ceonex.com差不多。
不是很懂js,所以想用图层和表格自己做。先在页面添加了一个图层,在图层里面插入表格,然后修改表格样式,接着设置图层为hidden,再在链接图片上设置show-hide layer(DreamweaverMX)。

现在有几个问题不知道怎么解决:
1、不知道为什么,图层里面的表格的横边框没有隐藏。虽然图层设置了隐藏的属性可是仍然看到几条横线,很难看;
2、我想的是链接图片保持hover时的样子然后显示图层,可是如果鼠标移到图层上,图片的OnMouseOver就失效了,请问怎么样保持图层显示又使得图片保存OnMouseOver的样子呢?
3、如果是鼠标移到单元格上时是单元格的背景改变,而不单单是文字的颜色。

以上每题分别给分20,请帮忙!谢谢大家!

13 个解决方案

#1


1、显示的问题吧
2、on 图层显示的时候 rollover 按钮
3、onmouseover td 的时候用CSS改变背景色

#2


display="none"

onmouseover="this.background=#666666"

#3


不回答你问题。对于JS给你几个提示:

JS并不是都是自己写的,直接链接就可用。

将网页保存后,在和它有联系的那个目录里有时可以找到,不能找到的话,打开它的网页,在它的源代码里也可以看到它的保存地址,一般可以下载。

调用方式我就不说了,同样的,源代码里有,呵呵。

#4


改变单元格背景可以这样:

onmouseover="this.background='#000000'"
onmouseout="this.background='#ffffff'"

解决第二个问题方法如下:

把图层中也加入一个onmouseover触发事件,做和上一级图片中onmouseover同样的操作。

#5


To wind0209(风のFeeling):
请问display="none"是哪个的属性?图层的属性现在已经是hidden了。谢谢

To ningyun1999(我本无聊):
谢谢,我知道这些,我也试了直接用那个网站上的js代码,可是出错了,而且代码相当长看不懂。所以就放弃了。而且我的要求很简单,要不了那么复杂

To chinayang9(中国杨):
谢谢,第二个问题已经解决了。可是那个单元格背景改变还没有实现,确定是加到td的属性里面吗?

#6


3.

<table>
<tr>
<td height="25" style="color:red;" bgcolor="white" onMouseOver="this.style.backgroundColor=

'red';this.style.color='white'"  onMouseOut="this.style.backgroundColor='white';this.style.color='red'

">灰豆宝宝.net</td>
</tr>
</table>

#7


谢谢大家,第2、3个问题已经解决了,还有第一个问题我还不知道到底是什么原因。我发现页面第一次载入的时候表格的横线都露出来了,可是当OnMouseOut事件发生后,这些线条就没有了。请问问题出在哪里呢?

还有就是能不能使图层半透明啊?图层能用alpha虑镜吗?谢谢!

#8


你去找找看
好像不做这种效果的dr插件!

#9


楼上说的话我没听懂。:(

#10


1.

<table width="200" border="0" cellspacing="0" cellpadding="0">

#11


1.

<table width="200" border="0" cellspacing="0" cellpadding="0">

#12


谢谢,可是我需要border="1",该怎么办?

#13


<table style="border:1 solid black" >
<tr>
<td>灰豆宝宝.net</td>
</tr>
</table>

这是你想要的吧.

#1


1、显示的问题吧
2、on 图层显示的时候 rollover 按钮
3、onmouseover td 的时候用CSS改变背景色

#2


display="none"

onmouseover="this.background=#666666"

#3


不回答你问题。对于JS给你几个提示:

JS并不是都是自己写的,直接链接就可用。

将网页保存后,在和它有联系的那个目录里有时可以找到,不能找到的话,打开它的网页,在它的源代码里也可以看到它的保存地址,一般可以下载。

调用方式我就不说了,同样的,源代码里有,呵呵。

#4


改变单元格背景可以这样:

onmouseover="this.background='#000000'"
onmouseout="this.background='#ffffff'"

解决第二个问题方法如下:

把图层中也加入一个onmouseover触发事件,做和上一级图片中onmouseover同样的操作。

#5


To wind0209(风のFeeling):
请问display="none"是哪个的属性?图层的属性现在已经是hidden了。谢谢

To ningyun1999(我本无聊):
谢谢,我知道这些,我也试了直接用那个网站上的js代码,可是出错了,而且代码相当长看不懂。所以就放弃了。而且我的要求很简单,要不了那么复杂

To chinayang9(中国杨):
谢谢,第二个问题已经解决了。可是那个单元格背景改变还没有实现,确定是加到td的属性里面吗?

#6


3.

<table>
<tr>
<td height="25" style="color:red;" bgcolor="white" onMouseOver="this.style.backgroundColor=

'red';this.style.color='white'"  onMouseOut="this.style.backgroundColor='white';this.style.color='red'

">灰豆宝宝.net</td>
</tr>
</table>

#7


谢谢大家,第2、3个问题已经解决了,还有第一个问题我还不知道到底是什么原因。我发现页面第一次载入的时候表格的横线都露出来了,可是当OnMouseOut事件发生后,这些线条就没有了。请问问题出在哪里呢?

还有就是能不能使图层半透明啊?图层能用alpha虑镜吗?谢谢!

#8


你去找找看
好像不做这种效果的dr插件!

#9


楼上说的话我没听懂。:(

#10


1.

<table width="200" border="0" cellspacing="0" cellpadding="0">

#11


1.

<table width="200" border="0" cellspacing="0" cellpadding="0">

#12


谢谢,可是我需要border="1",该怎么办?

#13


<table style="border:1 solid black" >
<tr>
<td>灰豆宝宝.net</td>
</tr>
</table>

这是你想要的吧.