不是很懂js,所以想用图层和表格自己做。先在页面添加了一个图层,在图层里面插入表格,然后修改表格样式,接着设置图层为hidden,再在链接图片上设置show-hide layer(DreamweaverMX)。
现在有几个问题不知道怎么解决:
1、不知道为什么,图层里面的表格的横边框没有隐藏。虽然图层设置了隐藏的属性可是仍然看到几条横线,很难看;
2、我想的是链接图片保持hover时的样子然后显示图层,可是如果鼠标移到图层上,图片的OnMouseOver就失效了,请问怎么样保持图层显示又使得图片保存OnMouseOver的样子呢?
3、如果是鼠标移到单元格上时是单元格的背景改变,而不单单是文字的颜色。
以上每题分别给分20,请帮忙!谢谢大家!
13 个解决方案
#1
1、显示的问题吧
2、on 图层显示的时候 rollover 按钮
3、onmouseover td 的时候用CSS改变背景色
2、on 图层显示的时候 rollover 按钮
3、onmouseover td 的时候用CSS改变背景色
#2
display="none"
onmouseover="this.background=#666666"
onmouseover="this.background=#666666"
#3
不回答你问题。对于JS给你几个提示:
JS并不是都是自己写的,直接链接就可用。
将网页保存后,在和它有联系的那个目录里有时可以找到,不能找到的话,打开它的网页,在它的源代码里也可以看到它的保存地址,一般可以下载。
调用方式我就不说了,同样的,源代码里有,呵呵。
JS并不是都是自己写的,直接链接就可用。
将网页保存后,在和它有联系的那个目录里有时可以找到,不能找到的话,打开它的网页,在它的源代码里也可以看到它的保存地址,一般可以下载。
调用方式我就不说了,同样的,源代码里有,呵呵。
#4
改变单元格背景可以这样:
onmouseover="this.background='#000000'"
onmouseout="this.background='#ffffff'"
解决第二个问题方法如下:
把图层中也加入一个onmouseover触发事件,做和上一级图片中onmouseover同样的操作。
onmouseover="this.background='#000000'"
onmouseout="this.background='#ffffff'"
解决第二个问题方法如下:
把图层中也加入一个onmouseover触发事件,做和上一级图片中onmouseover同样的操作。
#5
To wind0209(风のFeeling):
请问display="none"是哪个的属性?图层的属性现在已经是hidden了。谢谢
To ningyun1999(我本无聊):
谢谢,我知道这些,我也试了直接用那个网站上的js代码,可是出错了,而且代码相当长看不懂。所以就放弃了。而且我的要求很简单,要不了那么复杂
To chinayang9(中国杨):
谢谢,第二个问题已经解决了。可是那个单元格背景改变还没有实现,确定是加到td的属性里面吗?
请问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>
<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虑镜吗?谢谢!
还有就是能不能使图层半透明啊?图层能用alpha虑镜吗?谢谢!
#8
你去找找看
好像不做这种效果的dr插件!
好像不做这种效果的dr插件!
#9
楼上说的话我没听懂。:(
#10
1.
<table width="200" border="0" cellspacing="0" cellpadding="0">
<table width="200" border="0" cellspacing="0" cellpadding="0">
#11
1.
<table width="200" border="0" cellspacing="0" cellpadding="0">
<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>
这是你想要的吧.
<tr>
<td>灰豆宝宝.net</td>
</tr>
</table>
这是你想要的吧.
#1
1、显示的问题吧
2、on 图层显示的时候 rollover 按钮
3、onmouseover td 的时候用CSS改变背景色
2、on 图层显示的时候 rollover 按钮
3、onmouseover td 的时候用CSS改变背景色
#2
display="none"
onmouseover="this.background=#666666"
onmouseover="this.background=#666666"
#3
不回答你问题。对于JS给你几个提示:
JS并不是都是自己写的,直接链接就可用。
将网页保存后,在和它有联系的那个目录里有时可以找到,不能找到的话,打开它的网页,在它的源代码里也可以看到它的保存地址,一般可以下载。
调用方式我就不说了,同样的,源代码里有,呵呵。
JS并不是都是自己写的,直接链接就可用。
将网页保存后,在和它有联系的那个目录里有时可以找到,不能找到的话,打开它的网页,在它的源代码里也可以看到它的保存地址,一般可以下载。
调用方式我就不说了,同样的,源代码里有,呵呵。
#4
改变单元格背景可以这样:
onmouseover="this.background='#000000'"
onmouseout="this.background='#ffffff'"
解决第二个问题方法如下:
把图层中也加入一个onmouseover触发事件,做和上一级图片中onmouseover同样的操作。
onmouseover="this.background='#000000'"
onmouseout="this.background='#ffffff'"
解决第二个问题方法如下:
把图层中也加入一个onmouseover触发事件,做和上一级图片中onmouseover同样的操作。
#5
To wind0209(风のFeeling):
请问display="none"是哪个的属性?图层的属性现在已经是hidden了。谢谢
To ningyun1999(我本无聊):
谢谢,我知道这些,我也试了直接用那个网站上的js代码,可是出错了,而且代码相当长看不懂。所以就放弃了。而且我的要求很简单,要不了那么复杂
To chinayang9(中国杨):
谢谢,第二个问题已经解决了。可是那个单元格背景改变还没有实现,确定是加到td的属性里面吗?
请问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>
<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虑镜吗?谢谢!
还有就是能不能使图层半透明啊?图层能用alpha虑镜吗?谢谢!
#8
你去找找看
好像不做这种效果的dr插件!
好像不做这种效果的dr插件!
#9
楼上说的话我没听懂。:(
#10
1.
<table width="200" border="0" cellspacing="0" cellpadding="0">
<table width="200" border="0" cellspacing="0" cellpadding="0">
#11
1.
<table width="200" border="0" cellspacing="0" cellpadding="0">
<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>
这是你想要的吧.
<tr>
<td>灰豆宝宝.net</td>
</tr>
</table>
这是你想要的吧.