TOP

在CSS中写脚本实现交互效果

[ 录入者:admin | 时间:2007-12-29 05:18:42 | 作者: | 来源: | 浏览:28次 ]

我们浏览网页的时候，经常会遇到一些交互的效果。例如容器在鼠标移上去的时候，会发生一些变化。这些效果，可以用多种方法来实现。现在我们要解决的是如何在CSS中写脚本实现交互效果。

CSS代码如下：

Example Source Code [www.xxcss.com]

event:expression(
onmouseover = function()
    {
    this.style.backgroundColor='#ccc'
    this.style.border='1px solid #000'
    },
onmouseout = function()
    {
    this.style.backgroundColor='#f0f0f0'
    this.style.border='1px solid #c00'
    }
        )

　　这段代码的意思是定义了鼠标的两种不同的状态，onmouseover、onmouseout，在两种不同的状态下，对元素应用不同的样式设置。这样就达到了我们想要的交互效果。

　　请看下面的实例：

Source Code to Run [www.xxcss.com]


[上一篇]如何避免容器被长单词撑开	[下一篇]用CSS设置滚动条颜色

称　　呼:
内　　容: