js 给页面内文字高光特效

JavaScript026

js 给页面内文字高光特效,第1张

如果不想动复制过来的内容,(可能内容比较多,也不好找,改动又可能会影响其他)

那就将你自己写的div 都添加一个class, 设置文字格式,如font-size,font-color等。

<div class="norm">blabla</div>

style里可能需要这些:

.norm {

font-family:Verdana, Geneva, sans-serif

size:12px

color:black

opacity:1

moz-opacity:1

filter:false

}

如果是纯色的方块,你直接用css就能实现,如果不是的话,就用js吧,css的话,你先把字体颜色设置成和方块背景一样的,然后写一个:hover的属性,就是鼠标经过时的属性,这时候你把背景变暗,然后文字颜色改变一下就好。js的话,写一个mouseover的事件,先让文字处于display:none;的状态,经过时,变成display:block;这样。