使用jQuery高效制作网页特效——第二章课后作业

1.模拟计算机病毒效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>病毒</title>
    <style>
        .a img{
            width: 1520px;
            height: 700px;
        }
    </style>
</head>
<body>
<div class="a">
    <img src="../javaScript操作BOM对象/xm1.jpg">
</div>
    <script>
        function d() {
            window.open("熊猫烧香.html","_blank","width=200px;height: 100px;")
        }
        setInterval("d()",1000);
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <img src="../javaScript操作BOM对象/xm.jpg">
    </div>
</body>
</html>

2.根据不同时间显示不同问候语。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>问候语</title>
</head>
<body>
<span id="a"></span>
    <script>
                setInterval(function () {
                    var string = "";
                var date = new Date();
                var yy = date.getFullYear();
                var m = date.getMonth()+1;
                var d = date.getDate();
                var h = date.getHours();
                    var mi = date.getMinutes();
                    var s = date.getSeconds();
                    if(h<=12){
                        string =("上午好!欢迎来到贵美")
                    }else if(12<h<=18){
                        string = ("下午好!欢迎来到贵美")
                    }else {
                        string =("晚上好!欢迎来到贵美")
                    }
                    var str = "今天日期:"+yy+"年"+m+"月"+m+"日"+"<br>"+"现在时间:"+h+"时"+mi+"分"+s+"秒"+"<br>"+string;
                    document.getElementById("a").innerHTML=str;
                },1000);
    </script>
</body>
</html>

3.随即获得种水果。

</head>
<div>您的到的水果是:</div>
<span id="click"></span>
<input type="button" value="点击换水果" onclick="huan()">
<body>
    <script>
        function huan() {
            var fruits = new Array("苹果","香蕉","西瓜","荔枝","橘子","番茄","葡萄","杨梅","香瓜","红薯");
            var num = Math.ceil(Math.random()*10)-1;
            document.getElementById("click").innerHTML = fruits[num];
        }
    </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_41882685/article/details/81013114