• <button id="dozng"><object id="dozng"></object></button>
  • <button id="dozng"><acronym id="dozng"><u id="dozng"></u></acronym></button>

    <strong id="dozng"><sub id="dozng"><noframes id="dozng"></noframes></sub></strong>
    <rp id="dozng"></rp>
    <li id="dozng"></li>
    <nav id="dozng"></nav>
    主營業務:網站制作 網站優化 小程序公眾號開發 石家莊網站制作網站建設有限公司歡迎您!
    石家莊閃云網絡科技有限公司
    客服熱線15383239821
    如何讓自己的網站更有質量?

    onmouseout 等一系列事件的用法簡單舉例 .

    發布時間:2014/6/13 9:37:07

    onmouseout、onmouseover、onkeydown、onkeyup、onkeypress等事件。

    onmouseout 事件,會在鼠標指針移出指定的對象時發生。

    實例 1

    在下面的例子中,我們將在鼠標指針移出圖像時顯示一個對話框:

    <img src="/i/example_mouse2.jpg" alt="mouse"onmousemove="alert('您的鼠標剛才離開了圖片!')" />


    實例 2

    下面的例子中,我們將在網頁上添加一個用作連接按鈕的圖像,然后我們會添加 onMouseOver 和 onMouseOut 事件,這樣就可以在運行兩個 JavaScript 函數來切換兩幅圖像:

    <html>
    <head>
    <script type="text/javascript">
    function mouseOver()
    {
    document.getElementById('b1').src ="/i/eg_mouse.jpg"
    }
    function mouseOut()
    {
    document.getElementById('b1').src ="/i/eg_mouse2.jpg"
    }
    </script>
    </head>
    
    <body>
    <a href="http://www.w3school.com.cn" 
    onmouseover="mouseOver()" onmouseout="mouseOut()">
    <img alt="Visit W3School!" src="/i/example_mouse2.jpg" id="b1" />
    </a>
    </body>
    </html>


    實例 3

    <a href='javascript:void(0)' onclick="Hc();return false;"    onmouseover="JavaScript:this.style.color='#FF0000'" onmouseout="JavaScript:this.style.color='#000000'"><%#Eval("文件名")%>

    </a>

     

    上一篇: 沒有了
    下一篇: 沒有了

    相關新聞推薦

    在線客服 : 服務熱線:15383239821 電子郵箱: 27535611@qq.com

    公司地址:石家莊市新華區九中街江西大廈4062

    備案號:冀ICP備2022000585號-4

    亚洲人成在线播放大全_久久久久久精品久久久_亚洲欧美日韩专区一_国产精品美脚玉足脚交

  • <button id="dozng"><object id="dozng"></object></button>
  • <button id="dozng"><acronym id="dozng"><u id="dozng"></u></acronym></button>

    <strong id="dozng"><sub id="dozng"><noframes id="dozng"></noframes></sub></strong>
    <rp id="dozng"></rp>
    <li id="dozng"></li>
    <nav id="dozng"></nav>