2025-02-10

 

鼠標懸停切換圖片:

<html>

<head>

<script type="text/javascript">

function mouseOver()

{

document.getElementById('b1').src ="diaochan.jpg"

}

function mouseOut()

{

document.getElementById('b1').src ="noimage.gif"

}

</script>

</head>

<body>

<a href="#"

onmouseover="mouseOver()" onmouseout="mouseOut()">

<img alt="Visit W3School!" src="noimage.gif" id="b1" onmouseover="alert('你的鼠標在圖片上!')")/>

</a>

</body>

</html>

js顯示天氣預報:

<html>

<head><title></title>

<script type="text/javascript">

</script>

</head>

<body >

<p>

<iframe src="http://m.weather.com.cn/m/pn11/weather.htm" width="480" height="70" frameborder="1"></iframe>

</p>

</body>

</html>

js利用焦點實現選擇網站:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        var i = 1;

        var focusid;

        function defau() {

            document.getElementById('1').focus();

            focusid=1;

        }

        function showtable() {

            var id = i + 1;

            document.getElementById(id).focus();

            focusid=id;

            i++;

            if (i == 4) {

                i = 0;

            }

        }

        function openhref() {

            var href = document.getElementById(focusid).href;

            document.location = href;

        }

    </script>

</head>

<body onload="defau()">

<a href="http://www.baidu.com/" id="1">百度</a>

<a href="http://www.google.com.hk/" id="2">谷歌</a>

<a href="http://www.youku.com/" id="3">優酷</a>

<a href="http://www.tudou.com/" id="4">土豆</a>

    <input id="Button1" type="button" value="選擇" onclick="showtable()" /><br />

    <input id="Button2" type="button" value="進入" onclick="openhref()"  />

</body>

</html>

 

摘自haitaoDoit

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *