编程 Javascript

使用JavaScript动态设置样式实现代码及演示动画

Posted in Javascript onJanuary 25, 2013

今天做了一个css的练习，效果有点象Maxthon首页一样。使用onmouseover和onmouseout事件实现不同的效果。如：
使用JavaScript动态设置样式实现代码及演示动画
你可以使用下面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 相关文章推荐

js全屏显示显示代码的三种方法

Nov 11 Javascript

jQuery基于cookie实现的购物车实例分析

Dec 24 Javascript

在JavaScript中使用JSON数据

Feb 15 Javascript

jQuery搜索框效果实现代码(百度关键词联想)

Feb 25 Javascript

JS基于面向对象实现的拖拽功能示例

Dec 20 Javascript

深入理解Javascript中的valueOf与toString

Jan 04 Javascript

微信小程序 wx.request方法的异步封装实例详解

May 18 Javascript

js+css实现红包雨效果

Jul 12 Javascript

详解mpvue小程序中怎么引入iconfont字体图标

Oct 01 Javascript

element el-tree组件的动态加载、新增、更新节点的实现

Feb 27 Javascript

js操作两个json数组合并、去重，以及删除某一项元素

Sep 22 Javascript

微信小程序学习之自定义滚动弹窗

Dec 20 Javascript

jQuery获取Select选择的Text和Value(详细汇总)

Jan 25 #Javascript

javascript面向对象包装类Class封装类库剖析

Jan 24 #Javascript

js iframe跨域访问(同主域/非同主域)分别深入介绍

Jan 24 #Javascript

js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

Jan 24 #Javascript

ajax处理php返回json数据的实例代码

Jan 24 #Javascript

一个级联菜单代码学习及removeClass与addClass的应用

Jan 24 #Javascript

js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)

Jan 24 #Javascript

You might like

十天学会php之第五天

2006/10/09 PHP

一个捕获函数输出的函数

2007/02/14 PHP

谈谈新手如何学习PHP 默默经典版本

2009/08/04 PHP

php简单socket服务器客户端代码实例

2015/05/18 PHP

php+html5基于websocket实现聊天室的方法

2015/07/17 PHP

PHP使用curl_multi_select解决curl_multi网页假死问题的方法

2018/08/15 PHP

php 命名空间(namespace)原理与用法实例小结

2019/11/13 PHP

如何在PHP中使用AES加密算法加密数据

2020/06/24 PHP

Js中使用hasOwnProperty方法检索ajax响应对象的例子

2014/12/08 Javascript

jQuery插件StickUp实现网页导航置顶

2015/04/12 Javascript

微信公众号开发实现点击返回按钮就返回到聊天界面

2016/12/15 Javascript

Javascript 对cookie操作详解及实例

2016/12/29 Javascript

AngulerJS学习之按需动态加载文件

2017/02/13 Javascript

浅谈键盘上回车按钮的js触发事件

2017/02/13 Javascript

package.json文件配置详解

2017/06/15 Javascript

vue项目打包后打开页面空白解决办法

2018/06/29 Javascript

详解vue使用vue-layer-mobile组件实现toast，loading效果

2018/08/31 Javascript

详解小程序BackgroundAudioManager踩坑之旅

2019/12/08 Javascript

[02:47]DOTA2亚洲邀请赛 HR战队出场宣传片

2015/02/07 DOTA

简单谈谈Python中的元祖（Tuple）和字典（Dict）

2017/04/21 Python

Python批量删除只保留最近几天table的代码实例

2019/04/01 Python

Python基于OpenCV实现人脸检测并保存

2019/07/23 Python

调用其他python脚本文件里面的类和方法过程解析

2019/11/15 Python

keras 指定程序在某块卡上训练实例

2020/06/22 Python

在 Python 中使用 MQTT的方法

2020/08/18 Python

python实现ping命令小程序

2020/12/28 Python

详解CSS3弹性伸缩盒

2020/09/21 HTML / CSS

使用phonegap进行本地存储的实现方法

2017/03/31 HTML / CSS

英国奢侈品在线精品店：Hervia

2020/09/03 全球购物

新闻专业推荐信范文

2013/11/20 职场文书

人事任命书范文

2014/06/04 职场文书

党支部遵守党的政治纪律情况对照检查材料

2014/09/26 职场文书

2015年房产销售工作总结范文

2015/05/22 职场文书

校园之声广播稿

2015/08/18 职场文书

2016教师廉洁教育心得体会

2016/01/13 职场文书

为什么 Nginx 比 Apache 更牛逼

2021/03/31 Servers