作者chippclass (善假狼)
看板Web_Design
标题Re: [问题] html or jsp or css 图片
时间Wed Apr 27 00:33:17 2005
新手献丑一下，以下如有错请指正
就我学过和测试过的ＣＳＳ语法中
基本上，使用 hidden 隐藏的物件，滑鼠是侦测不到的
就像打星海的时候有一只遁地兽很快乐的在捅你，
虽然你也知道他龟在哪边，但你就是无法叫一般兵种去清掉他
--
这时候，就有必要请特殊兵种出来帮忙了
--
※ 引述《cheetim (黑恶魔 ~~好想要)》之铭言：
: 我现在想要做的是在网页上放一张图片
: 当滑鼠滑过後 会显示另一张图片
: 还有一种是 图片先隐藏 当滑鼠滑过後图片才显示 下面是第二种，但是我做出来会一直
: 隐藏没有反应 我是用css
: a {
: text-decoration:none;
: visibility:hidden;
: }
: a:hover {
: text-decoration:none;
: visibility:visible;
: }
: 请帮帮忙 谢谢先
基本上，这战术看起来很像是说当滑鼠移过隐藏的遁地兽时
但是，就我所了解的理论，这是不可能的
原因：就是因为物件根本就被隐藏了，无法触发 a:hover 的事件
visibility:visiable也无法被执行
--
假设：不才小弟以上所说的没错
那麽，解决方法有３个
（一）准备一张跟背景同色的同片
如果背景是图片，可以利用绘图软体制作透明的图片
然後再利用你已经会的图片交换法
让滑鼠移进移出时变换这２张图就可以了
这就好像是用小蜜蜂探查出遁地兽的位置再加以攻击
但是别忘了用重骑兵别用狂战士不然会死伤惨重
抱歉，上面那一句是多余的 o(= =)o
--
（二）使用透明物件和这张隐藏的图重叠
使用绝对位置，设定范围大小还有位置，当然还有层级
这边建议的是用 table 不要用 div 或是 span
原因？ 之前有一篇遮住 WINDOWS 面板的参考一下
然後接下来就是借刀杀人了
把触发事件设在这透明物件上，把触发目标设成该隐藏图片
<img id='i'>
<table onmouseover='i.visibility=\'\'' onmouseout='i.visibility=\'hidden\''>
这种方法就好像当你只有一只毛毛虫的时候
引诱一只小狗靠近遁地兽，然後再喷他一陀口水来个一箭双鵰，借刀杀人
--
（三）如果说这时候你手边有一只
皮卡丘抱歉，更正，是圣堂武士
那方法就更快了，５０万福特伺候就对了
不过５０万福特使用上有点难度，小弟我老是没弄好电死自己
不过我还是稍微提一下
首先确认该隐藏图片藏身地点，包括上下左右四边界
然後在 Body 中设定 onmousemove 的事件
大致上的实体语法如下(不过个人觉得不太好，有待加强)
--
<img id='i'> (已知左边界100 上边界10 宽高各200)
(换言之 下边界 210 右边界300)
<body onmousemove='showout_image()'>
<script language='javascript'>
function showout_image()
{
if(event.clientX>99 && event.clientX<301 && event.clientY>9
&& event.clientY<209)
{
i.visibility=""
}
else
{
i.visibility="hidden"
}
}
</script>
--
献丑完毕 o(‧""‧)o
谢谢收看
--
我是谁？
只是个不重要的重考生
距离统测剩下１８天
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 218.162.73.191
1F：推 Hikki520:推星海的兵种=.= 218.170.66.208 04/27
2F：推 TKirby:推荐这篇文章 140.112.30.52 04/27
3F：推 mrbigmouth:推太强了XD140.112.248.160 04/27
4F：推 cheetim:感谢阿 但是我只会爆狗海... 140.118.229.32 04/27
5F：推 shouea:写的好 XD 163.20.17.251 04/28