zoukankan      html  css  js  c++  java
  • 鼠标悬停换图片或背景

    鼠标悬停换图片或背景

    <script language="javascript">
    function over(id){
    document.getElementById(id).style.background='url(images/'+id+'on.jpg) center no-repeat';
    }

    function out(id){
    document.getElementById(id).style.background='url(images/'+id+'off.jpg) center no-repeat';
    }
    </script>
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="23" align="center" id="click_" style="background:url(images/click_off.jpg) center no-repeat;"><a href="case.html" class="cWhite" onmousemove="over('click_')" onmouseout="out('click_')">点 击 进 入</a></td>
        </tr>
    </table>

    <script language="javascript">
    function over(id){
    document.getElementById(id).src="images/"+id+"on.jpg";
    }

    function out(id){
    document.getElementById(id).src="images/"+id+"off.jpg";
    }
    </script>
    <img src="images/download_off.jpg" width="220" height="51" alt="资料下载" id="download_" onmousemove="over('download_')" onmouseout="out('download_')" />

  • 相关阅读:
    网页的摘要信息
    自我介绍
    DIV和SPAN的区别
    软件工程简介
    设置层的漂移
    构建之法现代软件工程
    手机验证码的相关知识
    Python2和Python3的区别
    我的第一个练习
    结对编程后传之做汉堡
  • 原文地址:https://www.cnblogs.com/yiwd/p/1586916.html
Copyright © 2011-2022 走看看