使用JavaScript动态设置样式实现代码及演示动画
2013-01-25 00:00
956 查看
今天做了一个css的练习,效果有点象Maxthon首页一样。使用onmouseover和onmouseout事件实现不同的效果。如:
你可以使用下面javascript。
fieldset应用上面的javascript的DynamicSetStyle方法。
你可以使用下面javascript。
<script type="text/javascript"> function DynamicSetStyle(id, attr, val) { var element = document.getElementById(id); if (element) element.style[attr] = val; } </script>
fieldset应用上面的javascript的DynamicSetStyle方法。
<fieldset id="fs1" style="margin: 10px; padding: 10px; width: 170px; text-align: center;" onmouseover="DynamicSetStyle('fs1','border-color','#3599ff')" onmouseout="DynamicSetStyle('fs1','border-color','')"> ERP <a href="http://xxx.xxx.com/erp" target="_blank">http://xxx.xxx.com/erp </a> </fieldset>
相关文章推荐
- 使用JavaScript动态设置样式实现代码及演示动画
- 使用JavaScript动态设置样式实现代码(2)
- 使用JavaScript动态设置样式实现代码(2)
- 使用JavaScript动态设置样式 Ver2
- JSP中使用JavaScript动态插入删除输入框实现代码
- Style样式的四种使用(包括用C#代码动态加载资源文件并设置样式)
- JavaScript插入动态样式实现代码
- 使用JavaScript动态设置样式
- JSP中使用JavaScript动态插入删除输入框实现代码
- 使用ADF-BC 实现查询功能之四:通过代码动态设置Where条件参数
- 使用ADF-BC 实现查询功能之八:通过代码动态设置Criteria条件参数
- JavaScript插入动态样式实现代码
- javascript克隆元素样式的实现代码
- JavaScript DOM中 改变样式属性,实现动画效果 2
- 安卓开发20:动画之Animation 详细使用-主要通过java代码实现动画效果
- freemarker生成的前端代码下使用javascript实现导航菜单高亮显示
- 如何使用代码动态的获取和设置ImageView的宽度和高度?
- 动态布局,并使用代码为TextView设置drawableLeft
- 使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟
- asp.net cshtml页面使用Razor后台代码动态产生页面——函数实现