
文字颜色响应鼠标变化(精品)(博客特效)
来源:http://changqingshu.blog.hexun.com/4657812_d.html
2.把最后得到的原始代码放在《★特效代码工具-代码检验器》或者主页制作器(博客特效) 或者在线HTML编辑器(博客特效) 里查看效果,把效果直接复制到日志发布即可。或者您可以在文章当中首先点击代码--放好代码--点击设计--点击代码--设计,即可出现效果图!
3.或把最后得到的原始代码直接放到自定义HTML模块里面即可,自定义HTML模块的添加见《个人门户增加自定义html模块(重要!) 》。
4.原始代码说明:
第一:原始代码中的字体“黑体”可以修改为您喜欢的字体,可以在《在线HTML编辑器(博客特效) 》编辑中选择;
第二:字体大小size=4也可以选择;
第三:原始代码最前面的1和最后面的2,在转化成日志效果后,可以去掉。
第四:把红色鼠标移到这里看看 - 鹰震天[和讯博客]http://hexun.com/yayb换成您日志内容即可。
第五:颜色的替换可以参考《24.159.颜色代码大全 》。
效果图:
1鼠标移到这里看看 - 鹰震天[和讯博客]http://hexun.com/yayb2
代码分析:代码中,没有独立的JavaScript程序代码,而是嵌入式地把JS代码应用于HTML标签里。代码中的 onMouseOver 和 onMouseOut 都是事件驱动,前者表示鼠标经过时所触发的事件,等号后面表示字体颜色为红色(red),后者表示鼠标指针离开后要触发的事件,字体颜色变成黑色(black)。代码中的 this 是JS保留字,你把它理解为它的英文原意也不错的,this.style.color意思就是“这个样式的颜色为“(^-^),很直观的。
JS的事件驱动功能是强大的,我们在论坛上看到的使用鼠标滑轮改变图片大小以及单击该图片会另外开启一个新窗口载入图片等功能,都是像上述例子所使用的嵌入方式调用JS代码一样,将JS代码适当地插入到HTML标签里,分析这些代码,将能使你得到举一反三的效果。
在Web页中嵌入式调用JS代码其好处是灵活方便,它同时还可以与事先定义的JS函数相结合,从而达到更理想的效果。
在HTML标签里嵌入JS代码时,请留意小角双引号和单引号的套用。
原始代码:
1<font face="黑体" size=4 onMouseOver="this.style.color='red'" onMouseOut="this.style.color='black'">鼠标移到这里看看 - 鹰震天[和讯博客]http://hexun.com/yayb</font>2.
友情推荐→ :《 博客/网站/论坛添加google广告的详细步骤,让您免费赚美元!注:最牛的人,3个月赚100万美元》




