开发者社区> 桃子红了呐> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

鼠标移动到图片上切换到另一张图片,移出时又切回来

简介:
+关注继续查看

HTML写法:

<img id="addLineImg" src="pages/annotator/claim/img/plus.png"
                             onmouseover="this.src='pages/annotator/claim/img/plus2.png';"
                             onmouseout="this.src='pages/annotator/claim/img/plus.png';"/>

JS写法:

    var img=document.createElement("img");
    img.setAttribute("src","pages/annottor/claim/img/trash.png");
    img.setAttribute("onclick","removeOneWorkitemLine(this);");
    img.setAttribute("onmouseover","this.src=\"pages/annottor/claim/img/trash2.png\";");
    img.setAttribute("onmouseout","this.src=\"pages/annottor/claim/img/trash.png\";");

 








本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/xiandedanteng/p/5667821.html,如需转载请自行联系原作者





版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
CSS实现鼠标移动到图片或按钮上缓慢变大,添加过渡动画效果,自定义动画时间
CSS实现鼠标移动到图片或按钮上缓慢变大,添加过渡动画效果,自定义动画时间
1820 0
14款CSS3图片层叠切换动画
在线演示 本地下载
1126 0
CSS3鼠标滑过图片3D旋转动画
在线演示       本地下载
977 0
uwp 图片切换动画 使用帧动画
原文:uwp 图片切换动画 使用帧动画 上一篇博客使用了Timer来实现图片的切换,@lindexi_gd讨论了一下性能,我本人其实对性能这一方面不太熟,但我觉得还是有必要考虑一下,那么今天我们使用帧动画开实现以下 新建项目,添加一个Button和Image 在Page里定义资源 ...
795 0
js文件/图片从电脑里面拖拽到浏览器上传文件/图片
1.效果展示   2.html 代码: Title #drop img{width: 100px;height: 100px;margin: 10px;} 提交    3.
703 0
制作鼠标移动到div上面显示弹出框
三代亲子嘉年华 周乃容 | 3.6万 3562 作者唐朝诗人白居易。
1106 0
ASP.NET MVC应用程序把文字写在图片上
原文:ASP.NET MVC应用程序把文字写在图片上 Insus.NET实现这篇《MVC把随机产生的字符串转换为图片》http://www.cnblogs.com/insus/p/3624235.html 之后,把字符串转换为图片,不如尝试,把字符串写在一张图片之上。
798 0
4267
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载