用CSS动态控制文本属性
来源: 时间:06-12-19 点击: 点击这里收藏本文
2、在设置超级链接时,在其左边要预留出图象的位置;
3、触发事件要加载在超级链接上。
本例在<head>与</head>之间增加的CSS代码为:
<style type="text/css">
<!--
.style1 { background: url(image/dot.gif) no-repeat; }
.style2 { background: #FFFFFF}
-->
</style>
制作完成,能产生效果的那个超级链接的源代码是这样的:
<a href="#" onmouseover="this.className='style1'" onmouseout="this.className='style2'">将鼠标移动过来</a>
通过动态改变文本的CSS属性,还可以做出许多特效,但方法基本相同,不再一一例举了,掌握了方法,你就可以发挥想象力去创作了。
把此文章收藏到: