加林森 发表于 2022-7-25 17:57

《桑当达热》- 鹰笛组合（学习老黑的‘在帖子中跟随小鸟’制作）

本帖最后由 加林森 于 2022-7-25 21:23 编辑 <br /><br /><style>
#papa {
      margin: auto;
      width: 1024px;
      height: 640px;
      left: -214px;
      background: #ccc url('https://pic.imgdb.cn/item/62de46abf54cd3f9379b2fd0.jpg');
      box-shadow: 3px 3px 20px #000;
      border-radius: 6px;
      background-blend-mode: overlay, overlay, overlay, multiply, normal;
      box-shadow: 4px 4px 28px #000;
      position: relative;
}
#bird {
      position: absolute;
      width: 73px;
      height: 83px;
      left: 50%;
      top: 500px;
      transition: left 2s, top 2s;
}
</style>

<div id="papa">
      <div>
      <p>桑当达热 - 鹰笛组合</p>
      <img id="bird" src="https://pic.imgdb.cn/item/6247e3c027f86abb2a56f17a.gif" alt="" />
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1890718057.mp3" autoplay="autoplay" loop="loop"></audio>
         </div>
</div>

<script>

let lastX = 0;
document.addEventListener('click', (e) => {
      e = event || window.event;
      let x = e.pageX, y = e.pageY,
                w = document.body.clientWidth, h = document.body.clientHeight,
                bw = bird.offsetWidth, bh = bird.offsetHeight;
      x = x - offset(papa, 'left');
      y = y - offset(papa, 'top');
      if(x + bw >= w) x = w - bw;
      if(y + bh >= h) y = h - bh;
      bird.style.transform = x > lastX ? 'rotateY(0deg)' : 'rotateY(-180deg)';
      lastX = x;
      bird.style.left = x + 'px';
      bird.style.top = y + 'px';
});

function offset(obj,direction){//偏移总量
      let offsetDir = "offset" + direction.toUpperCase()+direction.substring(1);
      let realNum = obj;
      let positionParent = obj.offsetParent;
      while(positionParent != null){
                realNum += positionParent;
                positionParent = positionParent.offsetParent;
      }
      return realNum;
}

</script>

加林森 发表于 2022-7-25 17:58

@马黑黑   放鹰开始。{:4_189:}

加林森 发表于 2022-7-25 18:06

桑当达热 - 鹰笛组合
作词 : 民间
作曲 : 民间
ཨ་རྩེད། ཤིང་གཞོག་ནས་ཤིང་གཞོག་མེད་ནོ་འདི།
削木无见碎刨花，
འདི་དབུས་ཀྱི་དར་ཤིང་རིང་མོ་རེད།
乃是拉萨的经帆柱。
ཡང་སེང་ལྡིང་ཌ་རུ།
桑当达热
ཨ་ལ་ལ་ཡ།
啊拉拉
ཡང་གློ་ཆུང་དྲིལ་བུ་སིལ་ལུ་ལུ
ཨ་རྩེད། རྟ་རྒྱུག་ནས་རྡུལ་ཞིག་མེད་ནོ་འདི།
奔马无见沙灰尘，
འདི་རྟ་ཕོ་རྐྱང་རྒོལ་གཡེར་བ་རེད།
乃是格萨尔王的足骑。
ཡང་སིང་ལྡིང་ཌ་ར།
桑当达热
ཨ་ལ་ལ་ཡ།
阿拉拉
ཡང་གློ་ཆུང་དྲིལ་བུ་སིལ་ལི་ལི།
ཨ་རྩེད། སྐྲ་ཤེད་ནས་སྐྲ་ཤུལ་མེད་ནོ་འདི།
梳发无见断毛发，
འདི་གླིང་གི་སེང་ལྕམ་འབྲུག་མོ་རེད།
乃是阿佳珠姆的神发
ཡང་སེང་ལྡིང་ཌ་རུ།
桑当达热
ཨ་ལ་ལ་ཡ།
阿拉拉
ཡང་གློ་ཆུང་དྲིལ་བུ་སིལ་ལི་ལི།

马黑黑 发表于 2022-7-25 18:50

鹰翔长空，好不风光。队长腻害

红影 发表于 2022-7-25 19:05

这只鹰的鼠标追随怎么是反着飞的{:4_173:}

红影 发表于 2022-7-25 19:05

记得黑黑有个正向骑车的帖子，队长去看看。

加林森 发表于 2022-7-25 19:21

马黑黑 发表于 2022-7-25 18:50
鹰翔长空，好不风光。队长腻害

我不放小鸟的，只放鹰玩。{:4_189:}

加林森 发表于 2022-7-25 19:22

红影 发表于 2022-7-25 19:05
这只鹰的鼠标追随怎么是反着飞的

还一个加一个代码的。

加林森 发表于 2022-7-25 19:22

红影 发表于 2022-7-25 19:05
记得黑黑有个正向骑车的帖子，队长去看看。

谢谢红影。

绿叶清舟 发表于 2022-7-25 19:55

这只鹰厉害啊，一下就冲了过来了

红影 发表于 2022-7-25 19:56

加林森 发表于 2022-7-25 19:22
还一个加一个代码的。

应该能调成正向的吧。

马黑黑 发表于 2022-7-25 19:59

加林森 发表于 2022-7-25 19:21
我不放小鸟的，只放鹰玩。

挺好挺好

醉美水芙蓉 发表于 2022-7-25 20:04

千羽 发表于 2022-7-25 20:09

这只鹰把鼠标当成小鸟了，跟着转，歌儿也好听{:4_199:}

加林森 发表于 2022-7-25 20:23

绿叶清舟 发表于 2022-7-25 19:55
这只鹰厉害啊，一下就冲了过来了

就是。

加林森 发表于 2022-7-25 20:23

红影 发表于 2022-7-25 19:56
应该能调成正向的吧。

现在已经修改好了。

加林森 发表于 2022-7-25 20:24

马黑黑 发表于 2022-7-25 19:59
挺好挺好

嗯嗯。

加林森 发表于 2022-7-25 20:25

醉美水芙蓉 发表于 2022-7-25 20:04
队长厉害！老鹰都飞到对话框了！

是的。挺好玩的。

加林森 发表于 2022-7-25 20:25

千羽 发表于 2022-7-25 20:09
这只鹰把鼠标当成小鸟了，跟着转，歌儿也好听

千羽喜欢就好。好玩吧。

绿叶清舟 发表于 2022-7-25 20:32

加林森 发表于 2022-7-25 20:23
就是。

歌曲也很好听的
页: [1] 2
查看完整版本: 《桑当达热》- 鹰笛组合（学习老黑的‘在帖子中跟随小鸟’制作）