js 给页面内文字高光特效

JavaScript010

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；这样。