CSS3怎样让鼠标移开后弹出菜单马上消失掉啊

html-css023

CSS3怎样让鼠标移开后弹出菜单马上消失掉啊,第1张

我使用setTimeout() 来延时一秒,但没有效果,不知道什么地方出错了,现列出基本代码,请大家指正。

首先,在DIV中添加了鼠标动作:<DIV id="xiexiedajia" onmouseover="showlink()" onmouseout="closelink()">

Javascript代码如下

JavaScript code

?

1

2

function closelink(){window.setTimeout('closel()',1000)}

function closel(){document.getElementById("xiexiedajia").style.display="none"}

实现延时一秒的作用是当用户将鼠标点在菜单并往右移动时,偶尔可能移出菜单,这时候菜单就会消失,用户又要重新点开菜单,很不爽,希望能够在鼠标移出很短时间内菜单仍旧存在,这时候用户鼠标又移入时菜单还在。

当用户将鼠标移出超过1秒后就认为用户本身不想使用菜单了,这时候菜单就消失。

1.

CSS3除了为开发者提供二维变形之外,还将动画从二维平面推动到了三维立体状态,能够实现真正的三维特效。 三维变形和二维变形一样,均使用的是transform属性。想要触发三维变形有两种方式:一种方式是通过语法告知浏览器“...

2.

触发方法2:直接使用CSS3变

能否说得详细一点,什么叫立体效果的背景图片? 非要通过css设置,就只能设置左边和顶边的边框为浅色模拟高光,右边和底边的边框为深色模拟阴影来做立体效果。如果要复杂一些的立体效果,你就必须通过图片来做了,使用绘图软件绘制一个立体效果的按钮,然后设为按钮背景即可