js鼠标移入移出效果原

Posted 万物生长

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js鼠标移入移出效果原相关的知识，希望对你有一定的参考价值。

 

<html>
<HEAD>
<!--  meta 解释 :  http://www.haorooms.com/post/html_meta_ds -->
<meta http-equiv="content-Type"content="text/html;charset=utf-8">
<TITLE>js鼠标移入移出效果</TITLE>
<style>
    *{ margin:2;padding:0;}
    .top{background:#5DF5FD; height:20px; position:fixed; z-index:8000;width:100%}
    .width99{width:99%;padding:0;}
    input{
        background-color: yellow;
        border-style: solid;
        border-color: red
    }
</style>

<script type="text/javascript"    src="D:/Old PC/D/html/jQuery/jquery-3.1.0.js" ></script>


<script type="text/javascript">
$(function(){
    var vvv = "eee";

    $("#mybutton").mouseover(function(){
        $("#mydiv").text(vvv);
    })

    $("#mybutton").mouseout(function(){
        $("#mydiv").text("");
    })
    
    
})
</script>
</HEAD>
<BODY>
    <button id ="mybutton" >aaaaaaaaaaaa</button>
    <div id="mydiv"></div>
    <input type="image" id="imgbtn" src="http://picm.photophoto.cn/015/037/003/0370031902.jpg" onmouseover="this.src=‘http://picm.photophoto.cn/015/037/003/0370030833.jpg‘" onmouseout="this.src=‘http://picm.photophoto.cn/015/037/003/0370031902.jpg‘" onmousedown="this.src=‘http://picm.photophoto.cn/015/037/003/0370030688.jpg‘" />
</BODY>
</HTML>

 

以上是关于js鼠标移入移出效果原的主要内容，如果未能解决你的问题，请参考以下文章

认清鼠标移入移出事件

JS实现弹性漂浮广告代码

HTML 怎么让鼠标悬停显示,移出隐藏 如下

第十五篇 JS 移入移出事件 模拟一个二级菜单

js - 03课-01 隔行变色, 鼠标移入移出变色

jquery鼠标移入移出