使用jQuery高效制作网页特效第二章习题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>病毒页面效果</title>
</head>
<body>
<img onclick="thisP()" src="webPic.jpg">
<script>
    function thisP(){
        for (var i=0;i<1000;i++){
            var x=Math.random()*1000;
            var y=Math.random()*1000;
            window.open('homework1-1.html','_blank','Width = 300,height=300,left='+x+',top='+y)
        }
    }
</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>根据当前时间显示问候语</title>
    <style>
        div{
            width: 400px;
            text-align: center;
            margin: 0px auto;
            font-size: 30px;
        }
    </style>
</head>
<body>
<div id="one">
    <script type="text/javascript">
        var time=new Date();
        var y=time.getFullYear();
        var m=time.getMonth();
        var d=time.getDate();
        document.write("今天的日期:"+y+"年"+(m+1)+"月"+d+"日");
    </script>
</div>
<div id="two"></div>
<div id="thr"></div>
    <script type="text/javascript">
        function clock() {
            var time=new Date();
            var hh=time.getHours();
            var mm=time.getMinutes();
            var ss=time.getSeconds();
            document.getElementById("two").innerHTML=
                "现在时间:"+hh+"点"+mm+"分"+ss+"秒";
            if(hh<=12){
                document.getElementById("thr").innerHTML=
                    "上午好！欢迎来到贵美"
            }else if(12<hh<=18){
                document.getElementById("thr").innerHTML=
                    "下午好！欢迎来到贵美"
            }else {
                document.getElementById("thr").innerHTML=
                    "晚上好！欢迎来到贵美"
            }
        }
        setInterval("clock()",1000);
    </script>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>随机发放水果</title>
    <style>
        input{
            margin-left: 50px;
        }
    </style>
</head>
<body>
<div>
    您得到的水果是:<span id="one"></span>
    <input type="button" value="点击获得水果" onclick="fruits()">
</div>
<script>
    function fruits() {
        var arr=new Array("苹果","梨子",
            "香蕉","葡萄","火龙果",
            "西瓜","哈密瓜","荔枝","榴莲");
        var num=Math.ceil(Math.random()*9)-1;
        document.getElementById("one").innerHTML=arr[num];
    }
</script>
</body>
</html>

使用jQuery高效制作网页特效 第二章习题

猜你喜欢

使用jQuery高效制作网页特效第二章习题