HTML Component(HTC) 小应用(html程序下载)墙裂推荐

随心笔谈2年前发布 admin
221 0 0

文章摘要

这篇文章介绍了如何在“行为”文档中定义和使用JavaScript函数来控制文本的显示效果和移动操作。主要内容包括: 1. **定义变量**:定义了一个保存字体颜色的变量`font_color`。 2. **移动文字方法**:定义了`move_down`和`move_right`两个方法,分别通过改变`style.posTop`和`style.posLeft`来实现文字向下和向右移动的效果。 3. **鼠标事件处理**:定义了四个鼠标事件的调用函数: - `font2blue()`:在鼠标单击事件中将文字颜色设置为蓝色。 - `font2yellow()`:在鼠标双击事件中将文字颜色设置为黄色。 - `glowit()`:在鼠标悬停事件中添加闪烁效果。 - `noglow()`:在鼠标离开事件中撤销闪烁效果。 这些功能结合使用,可以实现文字动态显示和闪烁效果的变化。

////////////////////////“行为”文档开始////////////////////////////  

//给“行为”增加四个鼠标事件  

//给“行为”定义二个方法,注意NAME的值里不能加括号 

//定义一个保存字体颜色的变量  

var font_color;  

//定义向下移动文字的方法  

function move_down()  

{  

    element.style.posTop += 10;  

}  

//定义向右移动文字的方法  

function move_right()  

{  

    element.style.posLeft += 10;  

}  

//定义鼠标onmouseup事件的调用函数  

function font2blue() 

{  

    if (event.srcElement == element)  

    {  

        element.style.color = “blue”;  

    }  

}  

//定义鼠标onmousedown事件的调用函数  

function font2yellow() 

{  

    if (event.srcElement == element)  

    {  

        element.style.color = “yellow”;  

    }  

}  

//定义鼠标onmouseover事件的调用函数  

function glowit()  

{  

    if (event.srcElement == element)  

    {  

        font_color=style.color;  

        element.style.color = “white”;  

        element.style.filter = “glow(color=red, strength=2)”;  

    }  

}  

//定义鼠标onmouseout事件的调用函数  

function noglow()  

{  

    if (event.srcElement == element)  

    {  

        element.style.filter = “”;  

        element.style.color = font_color;  

    }  

}  

//////////////////“行为”文档结束///////////////////////////////  

© 版权声明

相关文章