设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 萌新训练营 › 萌新交流区 › 动态壁纸为什么不能插入脚本语言
返回列表 发新帖
查看: 3569|回复: 8

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

[复制链接]
sun-cn
发表于 2022-6-23 11:19:08 | 显示全部楼层 |阅读模式

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

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

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

动态壁纸为什么不能插入脚本语言
  1. <!DOCTYPE html>
  2. <html lang="en" >

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

  10. <body>
  11.   <div class="container"></div>
  12.   <script src='js/jquery.min.js'></script>
  13.   <script src='js/TweenMax.min.js'></script>
  14.   <script  src="js/index.js"></script>                  
  15.   <script type="text/javascript" src="hello world.js"></script>
  16. </body>

  18. </html>
复制代码


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



最佳答案
月排行榜 / 总排行榜
wp231957
2022-6-23 11:43:23
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

wp231957
发表于 2022-6-23 11:43:23 From FishC Mobile | 显示全部楼层    本楼为最佳答案   
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

sun-cn
 楼主| 发表于 2022-6-23 11:49:41 | 显示全部楼层
wp231957 发表于 2022-6-23 11:43
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

我试试
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

sun-cn
 楼主| 发表于 2022-6-23 14:19:03 | 显示全部楼层
wp231957 发表于 2022-6-23 11:43
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？

还是不行呀
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

wp231957
发表于 2022-6-23 14:19:43 | 显示全部楼层
sun-cn 发表于 2022-6-23 14:19
还是不行呀

关键是我不懂你这 不行 是啥意思呢
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

sun-cn
 楼主| 发表于 2022-6-23 14:22:34 | 显示全部楼层
wp231957 发表于 2022-6-23 11:43
不能插入是啥意思？？
引入外链不都是放在head标签里吗？？
  1. <!DOCTYPE html>
  2. <html lang="en" >

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

  11. <body>
  12.   <div class="container"></div>
  13.   <script src='js/jquery.min.js'></script>
  14.   <script src='js/TweenMax.min.js'></script>
  15.   <script  src="js/index.js"></script>
  16.   
  17. </body>

  19. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

wp231957
发表于 2022-6-23 14:27:38 | 显示全部楼层
sun-cn 发表于 2022-6-23 14:22

有啥问题啊   你只放代码  不说问题   头疼啊
我又没你的那些js文档，没法测试你的代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

sun-cn
 楼主| 发表于 2022-6-23 16:17:36 | 显示全部楼层
本帖最后由 sun-cn 于 2022-6-23 16:19 编辑

css
  1. body {
  2.   margin: 0 auto;
  3.   background: rgb(0, 0, 0);
  4.   overflow: hidden;
  5. }

  7. .particle_star {
  8.   width:4px;
  9.   height:4px;
  10.   position:absolute;
  11.   background-color: rgb(255, 255, 255);
  12.   box-shadow:0px 0px 17px 4px rgb(245, 222, 179);
  13.   border-radius: 50%;
  14. }

  16. .container {
  17.   margin: 0 auto;
  18.   height: 100vh;
  19.   position: relative;
  20.   overflow: hidden;
  21.   background-size: 100% auto;
  22.   background-repeat: no-repeat;
  23.   background-image: url('../img/preview.png');

  25. }
复制代码


js
Hello world
  1. var x=document.getElementsByTagName("p");

  3. for(var i=0; i< x.length; i++)
  4. {
  5.     x[i].innerText="Hello world";
  6. }
复制代码


index
  1. var star_num = 75;
  2. var $container = $(".container");
  3. var $containerWidth = $container.width();
  4. var $containerHeight = $container.height();

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

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

  24.   twinkle.to(
  25.     [elm],
  26.     0.25,
  27.     { opacity: 0.25, yoyo: true, repeat: 1, repeatDelay: 0.2, yoyo: true },
  28.     Math.floor(Math.random() * 6) + 1
  29.   );
  30.   
  31.   fly
  32.     .set(elm, {scale: Math.random() * 1.75 + 0.5})
  33.     .to(elm, Math.random() * 100 + 100, {
  34.     bezier: {
  35.       values: [
  36.         {
  37.           x: Math.random() * $containerWidth,
  38.           y: Math.random() * $containerHeight
  39.         },
  40.         {
  41.           x: Math.random() * $containerWidth,
  42.           y: Math.random() * $containerHeight
  43.         }
  44.       ]
  45.     },
  46.     onComplete: star_fly,
  47.     onCompleteParams: [elm]
  48.   });
  49. }
复制代码


后面两个js代码我的编译器无法解析可能有亿点乱
感谢大佬
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

jialebihaidai
发表于 2022-6-23 22:00:56 | 显示全部楼层
hello world.js 文件名去掉空格试试
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-24 03:55

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表