作家
登录

使用JavaScript动态设置样式实现代码(2)

作者: 来源:www.28hudong.com 2013-03-30 00:11:53 阅读 我要评论

你可以参考到前一版本 http://www.jb51.net/article/33555.htm 这个有点不好的地方,就是如果想改变样式,也许得使用查找替换才行。因此,Insus.NET写出另外一个方法来实现,这样可以改一应用百。 先写一个样式Style: 复制代码 代码如下:<style type="text/css"> .overStyle { border-color:#3599ff; } .outStyle { border-color: #fff; } </style> Javascript也要改一下: 复制代码 代码如下: <script type="text/javascript"> function onOver(Id) { Id.className = 'overStyle'; } function onOut(Id) { Id.className = 'outStyle'; } </script> 最后是html的动态应用。 复制代码 代码如下: <fieldset id="fs1" style="margin: 10px; padding: 10px; width: 170px; text-align: center;" onmouseover="onOver(this)" onmouseout="onOut(this)"> ERP <a href="http://xxx.xxx.com/erp" target="_blank">http://xxx.xxx.com/erp </a> </fieldset>

  推荐阅读

  javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字

前两讲我告诉了大家如何使人物移动,那么今天我们就来看看如何实现仿《三国志曹操传》人物情景对话。具体的链接我写在下方。 一、前言 相信大家都还记得吧,在某些新闻里会有一些惨不忍睹的结果是用像打字机一样的>>>详细阅读


本文标题:使用JavaScript动态设置样式实现代码(2)

地址:http://www.17bianji.com/kaifa2/JS/22455.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)