HTML代码写的水墨山水画_古风HTML资源-CSDN文库

共15个文件

png：12个

js：1个

html：1个

html

需积分: 9 95 浏览量 2022-10-29 15:54:32 上传评论收藏 5.54MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

纳兰性德《玉泉》.rar （15个子文件）

纳兰性德《玉泉》

css

draw.css 1KB

draw.html 2KB

images

11.png 10KB

5.png 546KB

4副本.png 372KB

1.png 395KB

11111.png 296KB

6.png 718KB

3副本.png 420KB

2.png 1.28MB

12.png 11KB

7.png 389KB

13.png 12KB

44444.png 1.22MB

jquery.min.js 162KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="./css/draw.css"> </head> <body> <div class="bg"> <div class="hill-back"> <img src="./images/4.png" alt=""> </div> <div class="cloud"> <img src="./images/1.png" alt=""> </div> <div class="hill-l"> <img src="./images/2.png" alt=""> </div> <div class="hill-r"> <img src="./images/5.png" alt=""> </div> <div class="hill-c"> <img src="./images/6.png" alt=""> </div> <div class="bird"> <img src="./images/7.png" alt=""> </div> <div class="title1"> <img src="./images/11.png" alt=""> </div> <div class="title2"> <img src="./images/12.png" alt=""> </div> <div class="title3"> <img src="./images/13.png" alt=""> </div> </div> </body> </html> <script src="js/jquery.min.js"></script> <script> // var i = 0; // // if(i < 450 ){ // i++; //// } $(".hill-l").animate({"left":-900},15000); $(".hill-r").animate({"right":-900},15000); $(".hill-c").animate({"zoom":1,"bottom":-800},15000); $(".hill-back").animate({"zoom":1,"top": 250, "left": -300},8000); $(".bird").animate({"left":-1200},50000) setTimeout(function(){ $(".title1").fadeIn(5000); $(".title2").fadeIn(4000); $(".title3").fadeIn(3000); },10000) setTimeout(function(){ $(".title1").fadeOut(3000); $(".title2").fadeOut(4000); $(".title3").fadeOut(5000); },20000) setTimeout(function(){ },20000) </script>

评论收藏

内容反馈