MCBBS Wiki欢迎您共同参与编辑！在参与编辑之前请先阅读Wiki方针。

如果在编辑的过程中遇到了什么问题，可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户，请尽快绑定/验证。

MCBBS Wiki GitHub群组已上线！

您可以在回声洞中发表吐槽！

服务器状态监控。点击进入

本站由MCBBS用户自行搭建，与MCBBS及东银河系漫游指南（北京）科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

微件:TopSign：修订间差异

来自MCBBS Wiki
跳到导航 跳到搜索
可视化wikitext
（创建页面，内容为“<includeonly><script src="//cdn.bootcss.com/jquery/2.2.2/jquery.js"></script> <script> function topsign(id,height){ var ul=$(id); var liFirst=ul.find('li:first'…”）
 
（重写 topsign，这一版代码不依赖 jQuery）
 
（未显示1个用户的7个中间版本）
第1行： 第1行：
<includeonly><script src="//cdn.bootcss.com/jquery/2.2.2/jquery.js"></script>
<includeonly><script>
<script>
"use strict";
function topsign(id,height){
(() => {
  var ul=$(id);
  // widget/TopSign/widget.ts
  var liFirst=ul.find('li:first');
  topsign({ query: ".topsign", interval: 6e3, animationTime: 300 });
  $(id).animate({top:height}).animate({"top":0},0,function(){
  function topsign(props) {
  var clone=liFirst.clone();
    let index = 0;
  $(id).append(clone);
    const { query, interval = 5e3, animationTime = 300 } = props;
  liFirst.remove();
    const initView = () => {
  })
      const container = document.querySelector(query);
}
      if (!(container instanceof HTMLElement))
setInterval("topsign('ul','-50px')",5000)
        return;
      const list = Array.from(container.children).filter((el) => el instanceof HTMLElement);
      if (list.length < 2)
        return;
      const { offsetHeight: height } = container;
      const current = index;
      index++;
      if (index >= list.length)
        index = 0;
      const next = index;
      list.forEach((el, i) => {
        el.style.lineHeight = `${height}px`;
        el.style.height = `${height}px`;
        el.style.transform = `translateY(${i === current ? 0 : height}px)`;
      });
      return { list, height, current: list[current], next: list[next] };
    };
    const animation = (props2) => {
      const { startTime, height, current, next } = props2;
      const now = Date.now();
      if (now >= startTime + animationTime) {
        current.style.transform = `translateY(${height}px)`;
        next.style.transform = `translateY(0px)`;
      } else {
        const percent = (now - startTime) / animationTime;
        current.style.transform = `translateY(${-height * percent}px)`;
        next.style.transform = `translateY(${height * (1 - percent)}px)`;
        requestAnimationFrame(() => animation({ startTime, height, current, next }));
      }
    };
    const setView = () => {
      const init = initView();
      if (!init)
        return;
      const { height, current, next } = init;
      requestAnimationFrame(() => animation({ startTime: Date.now(), height, current, next }));
      setTimeout(() => setView(), interval);
    };
    setTimeout(() => setView(), interval);
    initView();
    index = 0;
  }
})();
 
</script></includeonly>
</script></includeonly>

2022年8月3日 (三) 00:15的最新版本

取自“https://mcbbs.wiki/index.php?title=微件:TopSign&oldid=36149”