编程 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实现键盘方向键翻页功能的代码

Jun 03 Javascript

JavaScript 字符编码规则

May 04 Javascript

Mootools 1.2教程定时器和哈希简介

Sep 15 Javascript

HTML上传控件取消选择

Mar 06 Javascript

浅析offsetLeft,Left,clientLeft之间的区别

Nov 30 Javascript

jquery 中的each()跳出循环的语句

May 23 Javascript

jquery图片切换实例分析

Apr 15 Javascript

JavaScript来实现打开链接页面的简单实例

Jun 02 Javascript

微信小程序 http请求详细介绍

Oct 09 Javascript

js实现移动端轮播图效果

Dec 09 Javascript

package.json各个属性说明详解

Mar 11 Javascript

vue 通过绑定事件获取当前行的id操作

Jul 27 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面向对象分析设计的经验原则

2008/09/20 PHP

php中模拟POST传递数据的两种方法分享

2011/09/16 PHP

第五章 php数组操作

2011/12/30 PHP

PHP常用操作类之通信数据封装类的实现

2017/07/16 PHP

yii2.0整合阿里云oss上传单个文件的示例

2017/09/19 PHP

vmware linux系统安装最新的php7图解

2019/04/14 PHP

Javascript注入技巧

2007/06/22 Javascript

js jquery做的图片连续滚动代码

2008/01/06 Javascript

JavaScript用Number方法实现string转int

2014/05/13 Javascript

利用纯Vue.js构建Bootstrap组件

2016/11/03 Javascript

详解在Vue中通过自定义指令获取dom元素

2017/03/04 Javascript

Ext JS 实现建议词模糊动态搜索功能

2017/05/13 Javascript

详解如何实现一个简单的Node.js脚手架

2017/12/04 Javascript

react中使用swiper的具体方法

2018/05/15 Javascript

JavaScript 下载svg图片为png格式

2018/06/21 Javascript

jQuery事件绑定和解绑、事件冒泡与阻止事件冒泡及弹出应用示例

2019/05/13 jQuery

vue 根据选择条件显示指定参数的例子

2019/11/09 Javascript

vue打包npm run build时候界面报错的解决

2020/08/13 Javascript

[48:28]完美世界DOTA2联赛循环赛FTD vs Magma第二场 10月30日

2020/10/31 DOTA

python实现dict版图遍历示例

2014/02/19 Python

Python 列表排序方法reverse、sort、sorted详解

2016/01/22 Python

Python入门_浅谈数据结构的4种基本类型

2017/05/16 Python

python 换位密码算法的实例详解

2017/07/19 Python

利用Python代码实现数据可视化的5种方法详解

2018/03/25 Python

解决Django一个表单对应多个按钮的问题

2019/07/18 Python

详解Django模版中加载静态文件配置方法

2019/07/21 Python

flask 使用 flask_apscheduler 做定时循环任务的实现

2019/12/10 Python

Python3 实现减少可调用对象的参数个数

2019/12/20 Python

TensorFlow实现批量归一化操作的示例

2020/04/22 Python

Etam艾格英国官网：法国著名女装品牌

2019/04/15 全球购物

测试时代收集的软件测试面试题

2013/09/25 面试题

学生思想表现的评语

2014/01/30 职场文书

个人作风建设心得体会

2014/10/22 职场文书

2014年精神文明建设工作总结

2014/11/19 职场文书

家属答谢词

2015/01/05 职场文书

公司食堂管理制度

2015/08/05 职场文书