几个简单的js实例

来源：互联网发布：路由器mac地址过滤编辑：程序博客网时间：2024/05/16 06:41

鼠标悬停切换图片：

<html>
<head>
<script type="text/javascript">
function mouseOver()
{
document.getElementById('b1').src ="diaochan.jpg"
}
function mouseOut()
{
document.getElementById('b1').src ="noimage.gif"
}
</script>
</head>

js显示天气预报：

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>