`
lzj520
  • 浏览: 212745 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

onmouseover改变图像路径,onmouseout恢复原图像路径

 
阅读更多

 var   temp
  function   MouseOver(o){ 
     var   oImg=new   Image() 
       oImg.src="image/0.jpg" 
     var   oImg2=new   Image() 
       oImg2.src="image/1.jpg" 
     temp=o.src
     if(o.src==oImg.src)
     o.src=oImg2.src
     else
     o.src=oImg.src
     } 
    
  function   MouseOut(o){ 
     o.src=temp
 } 
  function   MouseClick(o){   
     var   oImg=new   Image() 
       oImg.src="image/0.jpg" 
     var   oImg2=new   Image() 
       oImg2.src="image/1.jpg" 
     temp=o.src
     if(o.src==oImg.src) {
     o.src=oImg.src
     temp=o.src
     }else{
     o.src=oImg2.src
     temp=o.src
     }
 } 

 

使用
onmouseover="MouseOver(this)"   onmouseout="MouseOut(this)" onclick="MouseClick(this)"

 

分享到:
评论

相关推荐

    图片onmouseover 和onmouseout 事件,根据图片不同大小显示不同大小的div,鼠标移上去显示该图片详细信息

    在网页设计中,`onmouseover` 和 `onmouseout` 是两个非常重要的JavaScript事件,它们用于实现用户交互功能,特别是创建动态效果和提供额外信息。在这个特定的案例中,这两个事件被用来控制一个div元素,使其根据...

    onmouseover事件和onmouseout事件全面理解

    在JavaScript中,`onmouseover`和`onmouseout`事件是两个非常常见的用于处理用户交互的事件。它们主要用于响应用户将鼠标指针移到元素上方或移出元素时的行为。这两个事件在网页动态效果和用户界面交互设计中扮演着...

    onmouseover和onmouseout的一些问题思考

    本文将深入探讨两个常见的鼠标事件:`onmouseover`和`onmouseout`,以及它们在不同浏览器中的行为差异,以及如何解决由此引发的问题。 `onmouseover`事件会在鼠标指针进入一个元素时触发,包括进入该元素的任何子...

    SVG图片剪辑路径鼠标悬停效果.zip

    在SVG中,这种效果可以通过CSS的`:hover`伪类或JavaScript的`onmouseover`和`onmouseout`事件来实现。 5. **资源的综合运用**:标签“综合资源”可能意味着这个压缩包包含了HTML、CSS、SVG和可能的JavaScript代码,...

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版

    "兼容IE和Firefox的鼠标经过(onmouseover和onmouseout)实现--简短版" 在本篇文章中,我们将探讨如何使用CSS和JavaScript来实现兼容IE和Firefox的鼠标经过效果(onmouseover和onmouseout)。在前端开发中,鼠标经过...

    鼠标悬浮事件(onmouseover、onmouseout)

    鼠标移上去显示别的东西,离开恢复原样;通过传递参数实现此功能

    鼠标移上去显示大图的代码用onMouseOver 力量聚合网A5下载

    4. 设置样式:通过CSS修改新元素的样式,如位置、大小、透明度等,使其覆盖原图并显示大图。 5. 添加到DOM:将新元素插入到DOM中,通常会将其作为原图的兄弟元素,以便于定位。 同时,我们还需要一个`onMouseOut`...

    c# 在webFrom上实现tabcontrol功能(onmouseover事件,onclick事件).zip

    这些事件通常用来改变Tab的状态或执行特定的操作。 例如,你可以在代码后面添加如下事件处理: ```csharp protected void TabControl1_MouseOver(object sender, EventArgs e) { TabControl tabCtrl = (TabControl...

    js ondocumentready onmouseover onclick onmouseout 样式

    这里主要涉及到了四个事件:`ondocumentready`、`onmouseover`、`onclick` 和 `onmouseout`。接下来,我们将逐一解析这些事件及其相关功能。 ### 1. `ondocumentready` 事件 在网页开发中,`ondocumentready` 事件...

    GridView行的背景随鼠标改变而改变

    当鼠标悬停在GridView某一行时改变其背景色主要依赖于JavaScript的`onmouseover`和`onmouseout`事件。具体来说: - `onmouseover`事件:当鼠标指针进入元素时触发。 - `onmouseout`事件:当鼠标指针离开元素时触发。...

    兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现–简短版

    本篇文章将探讨如何实现一个简短的兼容IE和Firefox的鼠标经过事件(onmouseover和onmouseout)的解决方案。 首先,让我们了解这两个事件。`onmouseover`事件在鼠标指针进入一个元素时触发,而`onmouseout`事件则在...

    JS鼠标悬停文字显示图像特效.rar

    实现这一效果的基本原理是利用JavaScript事件监听器(如onmouseover和onmouseout)来触发不同的行为。以下是一个简单的步骤概述: 1. **HTML结构**:首先,你需要在HTML中设置一个包含文字和图像元素的结构。文字...

    dw制作鼠标经过时图像放大鼠标离开图像回原形效果

    总结起来,DW制作鼠标经过时图像放大、离开时回原形的效果主要依赖于“行为”功能,通过调整图片的宽度和高度属性,并设定合适的触发事件(onmouseover和onmouseout),即可轻松实现。这种效果的添加不仅提高了网页...

    实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上

    一直想实现onmouseover和onmouseout应用于RadioButtonList或CheckBoxList控件上,今晚终于有时间实现它。此功能就是当鼠标经过时RadioButtonList或CheckBoxList每一个Item时,让Item有特效显示,离开时,恢复原样。...

    常用的JAVASCRIPT脚本特效

    例如,`onMouseOver="this.style.backgroundImage='图片路径'"`将背景图片设置为指定路径的图片,而`onMouseOut`事件可以将背景图片设为空。 3. **二级菜单的显示和隐藏**:通过JavaScript,我们可以控制HTML层(`...

    10个能用JavaScript实现的图片特效

    利用JavaScript的事件监听器,如`onmouseover`和`onmouseout`,可以实现当鼠标悬停在图片上时图片放大,离开时恢复原大小的效果。结合CSS3的`transform: scale()`属性,可以实现平滑的缩放动画。 4. 图片裁剪 ...

    图像svg显示.rar_svg

    SVG,全称Scalable Vector Graphics,是一种基于XML的矢量图像格式,广泛应用于网页设计、移动应用和软件开发中。SVG图像可以无损放大,保持清晰度不变,且文件大小相对较小,非常适合用于需要交互性和高分辨率显示...

    改变table中行的背景

    这里的关键在于每个`<tr>`(table row)元素都绑定了`onMouseOver`和`onMouseOut`事件处理器。这些事件处理器用于改变行的颜色,从而达到交互效果。 #### 解析关键属性 1. **`border`**: 设置表格边框的宽度,值为...

Global site tag (gtag.js) - Google Analytics