当鼠标经过换一张相片

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>当鼠标经过换一张相片</title>
    <meta name="keywords" content="关键字列表" />
    <meta name="description" content="网页描述" />
    <link rel="stylesheet" type="text/css" href="" />
    <style type="text/css"></style>
    <script type="text/javascript"></script>
</head>
<body>

</body>
</html>
    <img src="jd1.png" id="img1">
    <script type="text/javascript">
        var imgObj=document.getElementById("img1");//对象.属性=(""),对象.方法("")
        imgObj.onmouseover=function(){
        imgObj.src="jd2.png"
        }
        imgObj.onmouseout=function(){
        imgObj.src="jd1.png"
        }

    </script>

时间: 2024-11-03 12:36:47

当鼠标经过换一张相片的相关文章

table中tr使用toggle不好,选择换一张方式

好几次遇到的问题,都是table中tr后面有一部分内容要显示,也是用tr装的,但是需要点击该行,后面那个tr才显示出来.不过最好不要用toggle去写,因为着实效果不佳.故而建议换一种方式,也许最简单的js才是最有效的. <html xmlns="http://www.w3.org/1999/xhtml" > <head> <meta http-equiv="Content-Type" content="text/html;

Django实现一个相片管理系统01

有些日子没写笔记,O(∩_∩)O哈哈~实在是肚子没有墨水啦!今天不写数据结构啦!多怀念研究数据结构的日子啊! 可是呢!最近有个项目要搞图像管理方面的,具体内容就不说啦!我们今天来实现一个简单的相册管理系统! 使用的系统是linux ubuntu:python2.7 ;django版本可以通过以下方式查询: 我的是1.8.1目前是最新的吧! 好啦!看看我们将要完成的任务: 1)实现上传图像的功能: 2)在图像管理界面显示每一张图像的名字,还有缩略图: 简单的说django已经帮我们做啦大部分工作,

[JS]鼠标事件穿透的问题

今天制作登陆窗口的效果时碰到的一个问题,如下: 标签结构如下: <div id="loginFrame"> <form class="loginFrame-top" method="POST" action="#"> <h3>商户卖家登陆</h3> <h6>请使用卖家账户可登录后进入店铺或申请开店</h6> <dl> <dt><

jquery鼠标经过字体发生变化-图片发生变化//为注释内容

<!doctype html> <html> <head> <meta charset="gb2312"> <title>部长练习jquery的属性</title> <script src="js/jquery-1.11.1.min.js"></script> <style> .bor{border:10px solid yellow;} .red{color

通过返回数据流的方式实现相片的显示和下载

问题:由于相片数据是通过Base64加密之后存储在oracle数据库中的,所以通过接口返回的只是数据流格式的图片信息,而没有固定的图片路径. 没有固定的图片路径,出现的问题是: 1.在浏览器显示的图片没有办法实现右键图片另存为: 2.下载图片的时候没有办法只是提供一个固定的url路径 需求:通过数据流的方式返回的图片,使其在前端中显示,并且能够有一个按钮实现图片的下载. 前端代码: <div class="pic"> <img src="PicHandler

android源码大放送(实战开发必备),免费安卓demo源码,例子大全文件详细列表

免费安卓demo源码,例子大全文件详细列表 本列表源码永久免费下载地址:http://www.jiandaima.com/blog/android-demo 卷 yunpan 的文件夹 PATH 列表 卷序列号为 0000-73EC E:. │ jiandaima.com文件列表生成.bat │ 例子大全说明.txt │ 本例子永久更新地址~.url │ 目录列表2016.03.10更新.txt │ ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签

Qt Quick实例之挖头像

Android手机有个挺好的功能,它允许你往桌面上放窗口小部件(widget),有一个叫相框的小部件,可以让你选择一张相片,截取一部分,放在相框里.我桌面上就放了几个相框,里面是我女儿的照片,隔阵子换一换,挺喜欢.这次的实例受相框小部件启发而成,我称之为挖头像,先看看运行效果. 运行效果 电脑上的运行效果如图1: 图1 电脑挖头像效果图 Android手机上运行效果如图2: 项目创建 项目创建过程参考<Qt Quick 之 Hello World 图文详解>,安卓配置参考<Windows

微信公众账号开发教程

微信公众账号开发教程 一.第1篇-引言 本文转载来自柳峰老师的博客,在这里非常感谢柳峰老师的分享和贡献! 内容方面,大概会涉及到: 1)前沿知识:微信公众帐号的分类.两种模式各自的特点和区别.开发模式的配置使用等: 2)API中各类消息的使用(我已经对api进行封装并打成了jar包,到时候会考虑分享出来): 3)微信公众帐号开发中的小技巧(如换行.通过代码发送表情.屏幕飘雪花.表情的接收识别.在Android和iOS上表现不一致等等): 4)与业务系统对接的方法(链接.短信等,除了技术讲解还会做

高性能滚动 scroll 及页面渲染优化

本文主要想谈谈页面优化之滚动优化. 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动.因为本文涉及了很多很多基础,可以对照上面的知识点,选择性跳到相应地方阅读.    滚动优化的由来 滚动优化其实也不仅仅指滚动(scroll 事件),还包括了例如 resize 这类会频繁触发的事件.简单的看看: 1 2 3 4 var i = 0; window.addEventListener('scroll',function(){