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

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

本帖最后由 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>
<scriptsrc="js/index.js"></script>                  
<script type="text/javascript" src="hello world.js"></script>
</body>

</html>

<script type="text/javascript" src="hello world.js"></script>这句无法插入
大佬们看看



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

不能插入是啥意思？？
引入外链不都是放在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>
<scriptsrc="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.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(
    ,
    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:
});
}

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

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

hello world.js 文件名去掉空格试试
页: [1]
查看完整版本: 动态壁纸为什么不能插入脚本语言