js实现感应鼠标图片透明度变化的方法

 更新时间:2015年02月20日 11:00:50   作者:代码家园  
这篇文章主要介绍了js实现感应鼠标图片透明度变化的方法,涉及javascript鼠标操作及css修改技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了js实现感应鼠标图片透明度变化的方法。分享给大家供大家参考。具体实现方法如下:

复制代码 代码如下:
<html>
<head>
<title>感应鼠标图片透明度变化</title>
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}

//-->

</SCRIPT>
</head>
<body>
将鼠标放在图片上看看效果!<br>
<img src="/images/skinslogo.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • JavaScript创建对象的常用方式总结

    JavaScript创建对象的常用方式总结

    这篇文章主要介绍了JavaScript创建对象的常用方式,结合实例形式总结分析了javascript面向对象程序设计中对象创建的常见方式、相关操作技巧与注意事项,需要的朋友可以参考下
    2018-08-08
  • 28个JavaScript常用字符串方法以及使用技巧总结

    28个JavaScript常用字符串方法以及使用技巧总结

    这篇文章主要给大家介绍了28个JavaScript常用字符串方法以及使用技巧的相关资料,文中统计的方法都非常实用,无论是日常工作还是面试,都建议多看一看,需要的朋友可以参考下
    2021-09-09
  • JavaScript中for..in循环陷阱介绍

    JavaScript中for..in循环陷阱介绍

    for...in循环中的循环计数器是字符串,而不是数字它包含当前属性的名称或当前数组元素的索引,下面有个不错的示例大家可以参考下
    2013-11-11
  • request请求获取参数的实现方法(post和get两种方式)

    request请求获取参数的实现方法(post和get两种方式)

    下面小编就为大家带来一篇request请求获取参数的实现方法(post和get两种方式)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • javascript smipleChart 简单图标类

    javascript smipleChart 简单图标类

    支持 线性图 区域图 柱状图 饼图 支持多浏览器 用到的是svg vml 之后加上 多层饼图 分段图 和组合图
    2011-01-01
  • 详解Javascript 中的 class、构造函数、工厂函数

    详解Javascript 中的 class、构造函数、工厂函数

    这篇文章主要介绍了详解Javascript 中的 class、构造函数、工厂函数,需要的朋友可以参考下
    2017-12-12
  • JavaScript如何把两个数组对象合并过程解析

    JavaScript如何把两个数组对象合并过程解析

    这篇文章主要介绍了JavaScript如何把两个数组对象合并过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • BootStrap组件之进度条的基本用法

    BootStrap组件之进度条的基本用法

    bootstrap组件在前端开发中经常会用到,今天小编通过本文给大家分享bootstrap组件之进度条的基本用法,需要的朋友参考下吧
    2017-01-01
  • JS基于for语句编写的九九乘法表示例

    JS基于for语句编写的九九乘法表示例

    这篇文章主要介绍了JS基于for语句编写的九九乘法,涉及for语句循环输出结合table表格布局实现九九乘法功能的相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • 简述ES6新增关键字let与var的区别

    简述ES6新增关键字let与var的区别

    最近看了很多文章,偶然间看到ES6中新增了一个关键字 let ,它具有与 var 关键字相似的功能。接下来通过本文给大家介绍ES6新增关键字let与var的区别,需要的朋友可以参考下
    2019-08-08

最新评论