使用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 相关文章推荐
很全的显示阴历(农历)日期的js代码
Jan 01 Javascript
jQuery-Easyui 1.2 实现多层菜单效果的代码
Jan 13 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 Javascript
javascript下使用Promise封装FileReader
Feb 19 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
May 31 Javascript
Bootstrap Scrollspy源码学习
Mar 02 Javascript
jQuery实现的淡入淡出与滑入滑出效果示例
Apr 18 jQuery
基于node简单实现RSA加解密的方法步骤
Mar 21 Javascript
layui表格数据重载
Jul 27 Javascript
JS实现骰子3D旋转效果
Oct 24 Javascript
js实现纯前端压缩图片
Nov 16 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 危险函数解释 分析
2009/04/22 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
Ubuntu彻底删除PHP7.0的方法
2018/07/27 PHP
JS 获取span标签中的值的代码 支持ie与firefox
2009/08/24 Javascript
百度留言本js 大家可以参考下
2009/10/13 Javascript
jQuery checkbox全选/取消全选实现代码
2009/11/14 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
JQuery中操作Css样式的方法
2014/02/12 Javascript
NodeJS Web应用监听sock文件实例
2015/02/18 NodeJs
JavaScript前补零操作实例
2015/03/11 Javascript
Windows系统下安装Node.js的步骤图文详解
2016/11/15 Javascript
js实现百度地图定位于地址逆解析,显示自己当前的地理位置
2016/12/08 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
vue如何使用 Slot 分发内容实例详解
2017/09/05 Javascript
JS使用数组实现的队列功能示例
2019/03/04 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
JS中比较两个Object数组是否相等方法实例
2019/11/11 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
python判断字符串是否纯数字的方法
2014/11/19 Python
深入理解Javascript中的this关键字
2015/03/27 Python
python for 循环获取index索引的方法
2019/02/01 Python
python合并多个excel文件的示例
2020/09/23 Python
python GUI计算器的实现
2020/10/09 Python
泰国折扣酒店预订:Hotels2Thailand
2018/03/20 全球购物
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
C语言开发工程师测试题
2016/12/20 面试题
介绍下Lucene建立索引的过程
2016/03/02 面试题
解释下列WebService名词:WSDL、SOAP、UDDI
2012/06/22 面试题
酒店管理求职信范文
2014/04/06 职场文书
综合实践活动总结
2014/05/05 职场文书
2014年工作总结及2015工作计划
2014/12/12 职场文书
具结保证书范本
2015/05/11 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
pytorch中F.avg_pool1d()和F.avg_pool2d()的使用操作
2021/05/22 Python
Jupyter Notebook内使用argparse报错的解决方案
2021/06/03 Python
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android