2.8w+
社区成员
- 全部
javascript:请问如何在鼠标按完了之后换一张图片
我想做一个导航菜单，想在鼠标点过之后换一张图片，（不是移到上面，或按下去换图，是点过之后再换图）请问如何实现？
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
找到组织了 2004-12-01
这么难搞定？继续等待。。。
lovebanyi 2004-12-01
图片好象不行..所有触发完的事件后又都回到原来的样子了..不会保留触发事件里改变的内容啊.
我上一次也试了好久
我上一次也试了好久
找到组织了 2004-12-01
12k:有没有这样的例子啊？我看看代码，我不会弄啊
I2K 2004-12-01
用Cookies 把点击过的图片记住，然后在遍历替换图片！
找到组织了 2004-12-01
是不是还有别的属性？
找到组织了 2004-12-01
onmousedown 或 onclick 这些都只是鼠标按下去的时候换图了，但是鼠标一起来（就是按完鼠标左键再弹起之后）又变回原图了，我要是的鼠标按下去再放开之后图换了。
dwowbaaa 2004-12-01
支持
lienzhu(李强)
lienzhu(李强)
lienzhu 2004-12-01
用 onmousedown 或 onclick 或 onmouseup 都行！
lienzhu 2004-12-01
<img src="out.gif" onmousedown="this.src='down.gif'" onmouseout="this.src='out.gif'" onmouseout="this.src='out.gif'" onmouseup="this.src='up.gif'">
lingyun2111 2004-12-01
用onclick吧
Javascript实现鼠标替换图片的简单方法 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;title&amp;gt;A Simple Rollover&...st
JS实现鼠标事件移动换图 1.源码<!DOCTYPE html><html><head> <meta charset="...width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scal
JavaScript：画廊案例 可以控制器图片的上一张、下一张。那么现在就使用按钮的click单击事件来切换img的图片。 此时由于只是简单的演示，将所有的图片保存在images目录中。所有的图片应该使用相同的命名前缀,如”pic_*.jpg“。假设”*....
前端之JavaScript：JS之DOM对象二 前面在JS之DOM中我们知道了属性操作，下面我们来了解一下节点操作。很重要！！ 一、节点操作 创建节点：var ele_a = document.createElement('a');添加节点：ele_parent.appendChild(ele_img);删除节点：ele_...
前端之JavaScript：JS之DOM对象一 js之DOM对象一 一、什么是HTML DOM HTML Document Object Model（文档对象模型） HTML DOM 定义了访问和操作HTML文档的标准方法 ...画dom树是为了展示文档中各个对象之间的关系，用于对...
Javascript的新领域——动态图片处理之SVG 近三年前的一篇旧文，虽然在浏览器和相关技术标准方面有过时之处，但总体上对概念的理解、开发的思路和代码样例仍然有参考价值。背景当Javascript被Netscape公司发明出来时，它被用来做一些琐细的事情，比如校验表单...
初识HTML（六）高级：了解JavaScript 前言： JavaScript 是 Web 的编程语言，所有现代的 HTML 页面都会使用 ...JavaScript实际与Java在使用上没有任何关系，但是起源却有些联系，感兴趣可以看看：https://blog.csdn.net/kese7952/article/details/793
原生JS实现自动无缝切换轮播图(可鼠标拖动) ^ _ ^ 最近参加了一个免费的华为在线课程，上面一个作业是用原生js实现轮播...鼠标左右拖动切换图片 点击小点切换对应图片 浏览器窗口尺寸改变不影响以上功能 实现思路 html & CSS结构分析 JS逻辑实现 知识
【错题记录】JavaScript专项练习（篇二） 1.下列事件哪个不是由鼠标触发的事件 a. click b. contextmenu c. mouseout d. keydown 解析：答案 d click 鼠标点击事件 contextmenu 当浏览者按下
JavaScript 一、JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,...
note_21：恶补javascript基础_3 恶补javascript基础_3 参考： 博客园：网页在浏览器上的渲染过程 csdn：浏览器是如何渲染页面的？ w3cschool：CSS visibility 属性 在线工具：HTTP状态码详解 segmentfault：浏览器渲染页面过程与页面优化 简书：...
python转javascript_Python-Javascript JavaScript1. JavaScript是什么？一门编程语言，脚本语言。运行在浏览器上的脚本语言。node.js 可以写后端。2. JavaScript都学哪些内容？1. 语法基础2. BOM --> 用JS代码操作浏览器3. DOM --> 用JS代码操作HTML文档3...
JavaScript浏览器对象之JavaScript引擎 1 JavaScript代码嵌入网页的方法 1.1 直接添加代码块 1.2 加载外部脚本 1.3 行内代码 2 script标签的工作原理 2.1 defer属性 2.2 async属性 3 重流和重绘 4 脚本的动态嵌入 5 加载使用的协议 6 JavaScript...
前端开发之JavaScript 前端开发之JavaScript一、JavaScript概述1. JavaScript的历史2. JavaScript组成3. JavaScript的引入方式二、JavaScript的基础1. 变量2. 基础规范3. 常量和标识符4. 数据类型三、ECMAScript 运算符1. ECMAScript 算数...
JavaScript 基础（超详细） 这篇笔记大概囊括了 JavaScript 基础的所有知识点。适合 js 初学者去查看特定知识点或者已经自学完 js 的伙伴去完成查漏补缺的过程。知识点的梳理参照了《JavaScript 高级程序设计》的内容，所以这算是一篇读书笔记...
JavaWeb基础（2）---------JavaScript全部内容（第三次整理） JavaScript基础 概念：一门客户端脚本语言 运行在客户端浏览器中的。每一个浏览器都有JavaScript的解析引擎 脚本语言:不需要编译，直接就可以被浏览器解析执行了 功能 增强用户和html页面的交互过程，可以来控制...
javascript 一JavaScript概述 二 JavaScript的基础 三 JavaScript的对象 四BOM对象 五DOM对象 实例练习 js扩展 一、JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言...
前端基础：JavaScript DOM对象 JavaScript DOM对象 通过HTML DOM，可以访问JavaScript HTML文档的所有元素。 一、HTML DOM(文档对象模型) 当网页被加载时，浏览器会创建页面的文档对象模型(Document Object Model)。HTML DOM模型被构造为对象的树...
html+css基础入门学习教程标记语言——图片替换 Chapter 14 图片替换 随着更多设计师与开发者开始使用标准(特别是CSS),每天都会有许多新技术被发现,达成相同目标的新方法,更好的方法也不断发展着. 网页教学网 "图片替换" 可以说是这种变革的最佳范例,这是用...
前端第三篇---前端基础之JavaScript 前端第三篇---前端基础之JavaScript 一、JavaScript概述 二、JavaScript的基础 三、词法分析 四、JavaScript的内置对象和方法 五、BOM对象 六、DOM对象 七、事件 八、拓展 一、JavaScript概述 1....
JavaScript 内存详解 & 分析指南 随着大前端时代的到来，使用 JavaScript 的开发者越来越多，但是许多开发者都只停留在“会用”这个层面，而对于这门语言并没有更多的了解。 如果想要成为一名更好的 JavaScript 开发者，理解内存是一个不可忽略的...
JavaScript高级笔记 1.document.getElementById('ID')和 document/parent.querySelector('选择器')区别 document.getElementById('ID'): 通过指定ID获取元素； 返回第一个符合条件的元素； 如果找不到匹配项，则返回null;...
掌握JQuery视频教程 JQuery是一个优秀的JavaScript库。它是轻量级的JS库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）,是我们编写JavaScript的利器！
适合对象：
需要大量编写JavaScript的朋友
学习条件：
必须掌握HTML、CSS、JavaScript、dom
IBM Tivoli Storage Manager 白皮书 IBM Tivoli Storage Manager 白皮书，详细介绍了关于IBM Tivoli Storage Manager的基础。Tivoli Storage Manager 简称TSM，是IBM Tivoli软件家族中的旗舰产品之一
