js 鼠标移动变图片 具体情况请看酷我音乐下载 http:www.kuwo.cndownindex

JavaScript013

js 鼠标移动变图片 具体情况请看酷我音乐下载 http:www.kuwo.cndownindex,第1张

两种方法，一种是js的鼠标悬浮和离开事件，另一种是css的hover选择器

举个简单的小例子：代码如下：两者选其一种就行，希望你能看明白

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

            #big{background-color: #EEEEEEwidth: 200pxheight: 200pxmargin: 30px}

            #small{background-color: greenyellowwidth: 100pxheight: 100px}

            /*css控制*/

            #big:hover{background-color: gray}

            #big:hover #small{width: 120pxheight: 120px}

        </style>

    </head>

    <body>

        <div id="big">

            <div id="small"></div>

        </div>

    </body>

    <script>

    //js控制的，另一种是通过css控制

        var big=document.getElementById("big")

        var small=document.getElementById("small")

        //鼠标悬浮

        big.onmouseover=function(){

            this.style.backgroundColor="gray"

            small.style.width="120px"

            small.style.height="120px"

        }

        //鼠标离开

        big.onmouseout=function(){

            this.style.backgroundColor="#eeeeee"

            small.style.width="100px"

            small.style.height="100px"

        }

    </script>

</html>

下载地址：

酷我音乐 v9.0VIP破解版

免费试听下载无损音质、版权付费歌曲/专辑、HiFi发烧音乐专辑

关于试听无损和蝰蛇音效的说明

关于试听无损和蝰蛇音效的，修改目录内JS文件即可达到在线试听

因为下架了吧？我上传一份到附件，电脑或者手机浏览器打开这个页面，点击即可下载。

《杀破狼》由陈忠义作词、作曲。歌曲的创作灵感来自电影《末代武士》。词曲作者陈忠义看了日本电影《末代武士》之后，被剧中的武士精神所感动，于是写下了《杀破狼》这首歌。这首歌曲的歌词描写的是一个幕府时代的武士，他为战争而生，在征战杀伐中却忽然惊觉武士生涯的漂泊和孤独。