鼠标经过OnMouseOver改变文字样式代码

发布时间：2018-08-21 03:19 所属栏目：121 来源：站长网

导读：鼠标经过OnMouseOver改变文字样式效果在有些网页上，特别是比较老的网页中，当把鼠标移到某个链接的时候，链接文字会改变样式，由标准字体改为斜体，其实这和移上链接变色是一个道理，本例是用 Java Script实现，用CSS同样可实现，在a:hover里重新定义字

鼠标经过OnMouseOver改变文字样式效果

在有些网页上，特别是比较老的网页中，当把鼠标移到某个链接的时候，链接文字会改变样式，由标准字体改为斜体，其实这和移上链接变色是一个道理，本例是用JavaScript实现，用CSS同样可实现，在a:hover里重新定义字体样式就行了。

<html> <head> <title>鼠标移上改变文字的样式</title> </head> <body> <div onMouseOver="this.style.fontStyle='italic'" onMouseOut="this.style.fontStyle=''"> 鼠标移上来之后文字将变成斜体！ </div> </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）