[已解决]动态壁纸为什么不能插入脚本语言

sun-cn · 发表于 2022-6-23 11:19:08

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由 sun-cn 于 2022-6-23 11:31 编辑

动态壁纸为什么不能插入脚本语言

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>雪</title>
  <link rel="stylesheet" href="css/style.css">
</head>

<body>
  <div class="container"></div>
  <script src='js/jquery.min.js'></script>
  <script src='js/TweenMax.min.js'></script>
  <script  src="js/index.js"></script>                  
  <script type="text/javascript" src="hello world.js"></script> 
</body>

</html>

最佳答案

月排行榜 / 总排行榜

wp231957

2022-6-23 11:43:23

不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

跳转到最佳答案楼层

wp231957 · 发表于 2022-6-23 11:43:23

这个最佳答案由 wp231957 给出，感谢 wp231957 的回答。

单击隐藏图章

不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

sun-cn · 发表于 2022-6-23 11:49:41

wp231957 发表于 2022-6-23 11:43
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

我试试

sun-cn · 发表于 2022-6-23 14:19:03

wp231957 发表于 2022-6-23 11:43
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

还是不行呀

wp231957 · 发表于 2022-6-23 14:19:43

sun-cn 发表于 2022-6-23 14:19
还是不行呀

关键是我不懂你这不行是啥意思呢

sun-cn · 发表于 2022-6-23 14:22:34

wp231957 发表于 2022-6-23 11:43
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>雪</title>
  <link rel="stylesheet" href="css/style.css">
  <script type="text/javascript" src="hello world.js" ></script>
</head>

<body>
  <div class="container"></div>
  <script src='js/jquery.min.js'></script>
  <script src='js/TweenMax.min.js'></script>
  <script  src="js/index.js"></script>
  
</body>

</html>

wp231957 · 发表于 2022-6-23 14:27:38

sun-cn 发表于 2022-6-23 14:22

有啥问题啊你只放代码不说问题头疼啊
我又没你的那些js文档，没法测试你的代码

sun-cn · 发表于 2022-6-23 16:17:36

本帖最后由 sun-cn 于 2022-6-23 16:19 编辑

css

body {
  margin: 0 auto;
  background: rgb(0, 0, 0);
  overflow: hidden;
}

.particle_star {
  width:4px;
  height:4px;
  position:absolute;
  background-color: rgb(255, 255, 255);
  box-shadow:0px 0px 17px 4px rgb(245, 222, 179);
  border-radius: 50%;
}

.container {
  margin: 0 auto;
  height: 100vh;
  position: relative;
  overflow: hidden;
  background-size: 100% auto; 
  background-repeat: no-repeat; 
  background-image: url('../img/preview.png');

}

js
Hello world

var x=document.getElementsByTagName("p");

for(var i=0; i< x.length; i++)
{
    x[i].innerText="Hello world";
}

index

var star_num = 75;
var $container = $(".container");
var $containerWidth = $container.width();
var $containerHeight = $container.height();

for (var i = 0; i < star_num; i++) {
  var star = $('<div class="particle_star"></div>');
  TweenLite.set(star, {
    x: Math.random() * $containerWidth,
    y: Math.random() * $containerHeight
  });
  $container.append(star);
  star_fly(star);
}

function star_fly(elm) {
  var fly = new TimelineMax();
  var twinkle = new TimelineMax({
    delay: Math.floor(Math.random() * 2) + 1,
    repeatDelay: Math.floor(Math.random() * 6) + 1,
    repeat: -1
  });

  twinkle.to(
    [elm],
    0.25,
    { opacity: 0.25, yoyo: true, repeat: 1, repeatDelay: 0.2, yoyo: true },
    Math.floor(Math.random() * 6) + 1
  );
  
  fly
    .set(elm, {scale: Math.random() * 1.75 + 0.5})
    .to(elm, Math.random() * 100 + 100, {
    bezier: {
      values: [
        {
          x: Math.random() * $containerWidth,
          y: Math.random() * $containerHeight
        },
        {
          x: Math.random() * $containerWidth,
          y: Math.random() * $containerHeight
        }
      ]
    },
    onComplete: star_fly,
    onCompleteParams: [elm]
  });
}

后面两个js代码我的编译器无法解析可能有亿点乱
感谢大佬

jialebihaidai · 发表于 2022-6-23 22:00:56

hello world.js 文件名去掉空格试试

账号		自动登录	找回密码
密码			立即注册