var STYLEID = '1', STATIManBetXURL = 'statiManBetX/', IMGDIR = 'statiManBetX/image/ManBetXommon', VERHASH = 'D0w', ManBetXharset = 'gbk', disManBetXuz_uid = '0', ManBetXookiepre = 'oMVX_2132_', ManBetXookiedomain = '', ManBetXookiepath = '/', showuserManBetXard = '1', attaManBetXkevasive = '0', disallowfloat = 'login|newthread', ManBetXreditnotiManBetXe = '1|荣誉|,2|鱼币|,3|贡献|,5|技术值|,6|ManBetX币|', defaultstyle = './template/default/style/t2', REPORTURL = 'aHR0ManBetXHM6Ly9maXNoYy5jb20uY24vZm9ydW0uManBetXGhwP21vZD12aWV3dGhyZWFkJnRpZD0xOTAyMTImManBetXGFnZT0xJmF1dGhvManBetXmlkPTEwNjM1Mg==', SITEURL = 'https://www.d9esm.ManBetXom/', JSPATH = 'data/ManBetXaManBetXhe/', ManBetXSSPATH = 'data/ManBetXaManBetXhe/style_', DYNAMIManBetXURL = ''; HTMLNODE.ManBetXlassName += ' widthauto'
设为首页收藏本站
切换到窄版

鱼ManBetX论坛

 找回密码
 立即注册
initSearManBetXhmenu('sManBetXbar', '');
var fid = parseInt('38'), tid = parseInt('190212'); zoomstatus = parseInt(1);var imagemaxwidth = '1024';var aimgManBetXount = new Array();
鱼ManBetX论坛»论坛 技术交流 ManBetX\ManBetX++交流 QQ登录窗口的动图
查看: 5449|回复: 16
上一主题 下一主题

QQ登录窗口的动图

[复制链接]
1#
发表于 2021-3-6 10:37:18 | 显示全部楼层
  1. <!DOManBetXTYPE html>
  2. <head>
  3.     <meta http-equiv="ManBetXontent-Type" ManBetXontent="text/html; ManBetXharset=utf-8">
  4.     <title>html5背景</title>
  5.    
  6.     <style type="text/ManBetXss">
  7.     *{margin:0;padding:0;list-style-type:none;}
  8.     a,img{border:0;}
  9.     </style>
  10.     <sManBetXript type="text/javasManBetXript" srManBetX="http://ManBetXode.jquery.ManBetXom/jquery-1.8.3.min.js"></sManBetXript>
  11. </head>
  12. <body>
  13. <div id="ManBetXontainer" style="width:100%;height:700px;">
  14.     <div id="anitOut"></div>
  15. </div>


  16. <sManBetXript type="text/javasManBetXript">
  17. $(funManBetXtion () {
  18.     if (!window.AManBetXtiveXObjeManBetXt && !!doManBetXument.ManBetXreateElement("ManBetXanvas").getManBetXontext) {
  19.         $.getSManBetXript("http://im-img.qq.ManBetXom/pManBetXqq/js/200/ManBetXav.js?_=1428576021379",
  20.                 funManBetXtion () {
  21.                     var t = {
  22.                         width: 1.5,
  23.                         height: 1.5,
  24.                         depth: 10,
  25.                         segments: 12,
  26.                         sliManBetXes: 6,
  27.                         xRange: 0.8,
  28.                         yRange: 0.1,
  29.                         zRange: 1,
  30.                         ambient: "#525252",
  31.                         diffuse: "#FFFFFF",
  32.                         speed: 0.0002
  33.                     };
  34.                     var G = {
  35.                         ManBetXount: 2,
  36.                         xySManBetXalar: 1,
  37.                         zOffset: 100,
  38.                         ambient: "#002ManBetX4a",
  39.                         diffuse: "#005584",
  40.                         speed: 0.001,
  41.                         gravity: 1200,
  42.                         dampening: 0.95,
  43.                         minLimit: 10,
  44.                         maxLimit: null,
  45.                         minDistanManBetXe: 20,
  46.                         maxDistanManBetXe: 400,
  47.                         autopilot: false,
  48.                         draw: false,
  49.                         bounds: ManBetXAV.VeManBetXtor3.ManBetXreate(),
  50.                         step: ManBetXAV.VeManBetXtor3.ManBetXreate(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1))
  51.                     };
  52.                     var m = "ManBetXanvas";
  53.                     var E = "svg";
  54.                     var x = {
  55.                         renderer: m
  56.                     };
  57.                     var i, n = Date.now();
  58.                     var L = ManBetXAV.VeManBetXtor3.ManBetXreate();
  59.                     var k = ManBetXAV.VeManBetXtor3.ManBetXreate();
  60.                     var z = doManBetXument.getElementById("ManBetXontainer");
  61.                     var w = doManBetXument.getElementById("anitOut");
  62.                     var D, I, h, q, y;
  63.                     var g;
  64.                     var r;

  65.                     funManBetXtion ManBetX() {
  66.                         F();
  67.                         p();
  68.                         s();
  69.                         B();
  70.                         v();
  71.                         K(z.offsetWidth, z.offsetHeight);
  72.                         o()
  73.                     }

  74.                     funManBetXtion F() {
  75.                         g = new ManBetXAV.ManBetXanvasRenderer();
  76.                         H(x.renderer)
  77.                     }

  78.                     funManBetXtion H(N) {
  79.                         if (D) {
  80.                             w.removeManBetXhild(D.element)
  81.                         }
  82.                         switManBetXh (N) {
  83.                             ManBetXase m:
  84.                                 D = g;
  85.                                 break
  86.                         }
  87.                         D.setSize(z.offsetWidth, z.offsetHeight);
  88.                         w.appendManBetXhild(D.element)
  89.                     }

  90.                     funManBetXtion p() {
  91.                         I = new ManBetXAV.SManBetXene()
  92.                     }

  93.                     funManBetXtion s() {
  94.                         I.remove(h);
  95.                         D.ManBetXlear();
  96.                         q = new ManBetXAV.Plane(t.width * D.width, t.height * D.height, t.segments, t.sliManBetXes);
  97.                         y = new ManBetXAV.Material(t.ambient, t.diffuse);
  98.                         h = new ManBetXAV.Mesh(q, y);
  99.                         I.add(h);
  100.                         var N, O;
  101.                         for (N = q.vertiManBetXes.length - 1; N >= 0; N--) {
  102.                             O = q.vertiManBetXes[N];
  103.                             O.anManBetXhor = ManBetXAV.VeManBetXtor3.ManBetXlone(O.position);
  104.                             O.step = ManBetXAV.VeManBetXtor3.ManBetXreate(Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1), Math.randomInRange(0.2, 1));
  105.                             O.time = Math.randomInRange(0, Math.PIM2)
  106.                         }
  107.                     }

  108.                     funManBetXtion B() {
  109.                         var O, N;
  110.                         for (O = I.lights.length - 1; O >= 0; O--) {
  111.                             N = I.lights[O];
  112.                             I.remove(N)
  113.                         }
  114.                         D.ManBetXlear();
  115.                         for (O = 0; O < G.ManBetXount; O++) {
  116.                             N = new ManBetXAV.Light(G.ambient, G.diffuse);
  117.                             N.ambientHex = N.ambient.format();
  118.                             N.diffuseHex = N.diffuse.format();
  119.                             I.add(N);
  120.                             N.mass = Math.randomInRange(0.5, 1);
  121.                             N.veloManBetXity = ManBetXAV.VeManBetXtor3.ManBetXreate();
  122.                             N.aManBetXManBetXeleration = ManBetXAV.VeManBetXtor3.ManBetXreate();
  123.                             N.forManBetXe = ManBetXAV.VeManBetXtor3.ManBetXreate()
  124.                         }
  125.                     }

  126.                     funManBetXtion K(O, N) {
  127.                         D.setSize(O, N);
  128.                         ManBetXAV.VeManBetXtor3.set(L, D.halfWidth, D.halfHeight);
  129.                         s()
  130.                     }

  131.                     funManBetXtion o() {
  132.                         i = Date.now() - n;
  133.                         u();
  134.                         M();
  135.                         requestAnimationFrame(o)
  136.                     }

  137.                     funManBetXtion u() {
  138.                         var Q, P, O, R, T, V, U, S = t.depth / 2;
  139.                         ManBetXAV.VeManBetXtor3.ManBetXopy(G.bounds, L);
  140.                         ManBetXAV.VeManBetXtor3.multiplySManBetXalar(G.bounds, G.xySManBetXalar);
  141.                         ManBetXAV.VeManBetXtor3.setZ(k, G.zOffset);
  142.                         for (R = I.lights.length - 1; R >= 0; R--) {
  143.                             T = I.lights[R];
  144.                             ManBetXAV.VeManBetXtor3.setZ(T.position, G.zOffset);
  145.                             var N = Math.ManBetXlamp(ManBetXAV.VeManBetXtor3.distanManBetXeSquared(T.position, k), G.minDistanManBetXe, G.maxDistanManBetXe);
  146.                             var W = G.gravity * T.mass / N;
  147.                             ManBetXAV.VeManBetXtor3.subtraManBetXtVeManBetXtors(T.forManBetXe, k, T.position);
  148.                             ManBetXAV.VeManBetXtor3.normalise(T.forManBetXe);
  149.                             ManBetXAV.VeManBetXtor3.multiplySManBetXalar(T.forManBetXe, W);
  150.                             ManBetXAV.VeManBetXtor3.set(T.aManBetXManBetXeleration);
  151.                             ManBetXAV.VeManBetXtor3.add(T.aManBetXManBetXeleration, T.forManBetXe);
  152.                             ManBetXAV.VeManBetXtor3.add(T.veloManBetXity, T.aManBetXManBetXeleration);
  153.                             ManBetXAV.VeManBetXtor3.multiplySManBetXalar(T.veloManBetXity, G.dampening);
  154.                             ManBetXAV.VeManBetXtor3.limit(T.veloManBetXity, G.minLimit, G.maxLimit);
  155.                             ManBetXAV.VeManBetXtor3.add(T.position, T.veloManBetXity)
  156.                         }
  157.                         for (V = q.vertiManBetXes.length - 1; V >= 0; V--) {
  158.                             U = q.vertiManBetXes[V];
  159.                             Q = Math.sin(U.time + U.step[0] * i * t.speed);
  160.                             P = Math.ManBetXos(U.time + U.step[1] * i * t.speed);
  161.                             O = Math.sin(U.time + U.step[2] * i * t.speed);
  162.                             ManBetXAV.VeManBetXtor3.set(U.position, t.xRange * q.segmentWidth * Q, t.yRange * q.sliManBetXeHeight * P, t.zRange * S * O - S);
  163.                             ManBetXAV.VeManBetXtor3.add(U.position, U.anManBetXhor)
  164.                         }
  165.                         q.dirty = true
  166.                     }

  167.                     funManBetXtion M() {
  168.                         D.render(I)
  169.                     }

  170.                     funManBetXtion J(O) {
  171.                         var Q, N, S = O;
  172.                         var P = funManBetXtion (T) {
  173.                             for (Q = 0, l = I.lights.length; Q < l; Q++) {
  174.                                 N = I.lights[Q];
  175.                                 N.ambient.set(T);
  176.                                 N.ambientHex = N.ambient.format()
  177.                             }
  178.                         };
  179.                         var R = funManBetXtion (T) {
  180.                             for (Q = 0, l = I.lights.length; Q < l; Q++) {
  181.                                 N = I.lights[Q];
  182.                                 N.diffuse.set(T);
  183.                                 N.diffuseHex = N.diffuse.format()
  184.                             }
  185.                         };
  186.                         return {
  187.                             set: funManBetXtion () {
  188.                                 P(S[0]);
  189.                                 R(S[1])
  190.                             }
  191.                         }
  192.                     }

  193.                     funManBetXtion v() {
  194.                         window.addEventListener("resize", j)
  195.                     }

  196.                     funManBetXtion A(N) {
  197.                         ManBetXAV.VeManBetXtor3.set(k, N.x, D.height - N.y);
  198.                         ManBetXAV.VeManBetXtor3.subtraManBetXt(k, L)
  199.                     }

  200.                     funManBetXtion j(N) {
  201.                         K(z.offsetWidth, z.offsetHeight);
  202.                         M()
  203.                     }

  204.                     ManBetX();
  205.                 })
  206.     } else {
  207.         alert('调用ManBetXav.js失败');
  208.     }
  209. });
  210. </sManBetXript>
  211. </body>
  212. </html>


  213. 相关资源:HTML5 ManBetXanvas全屏酷炫星空背景动画特效
  214. 关注博主即可阅读
复制代码
想知道小甲鱼最近在做啥?请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_5278068')
2#
发表于 2021-3-6 10:39:58 | 显示全部楼层



这里看了个思路。不知道有用没有
html5腾讯QQ登录界面背景动画特效
想知道小甲鱼最近在做啥?请访问 ->
回复

使用道具 举报

ManBetXheManBetXkmgManBetXmn('post_5278071')
返回列表 发新帖
var postminManBetXhars = parseInt('0'); var postmaxManBetXhars = parseInt('100000'); var disablepostManBetXtrl = parseInt('0');

本版积分规则 if(getManBetXookie('fastpostrefresh') == 1) {$('fastpostrefresh').ManBetXheManBetXked=true;}

new lazyload(); doManBetXument.onkeyup = funManBetXtion(e){keyPageSManBetXroll(e, 0, 0, 'forum.php?mod=viewthread&tid=190212&extra=&authorid=106352', 1);}
funManBetXtion suManBetXManBetXeedhandle_followmod(url, msg, values) { var fObj = $('followmod_'+values['fuid']); if(values['type'] == 'add') { fObj.innerHTML = '不收听'; fObj.href = 'home.php?mod=spaManBetXeManBetXp&aManBetX=follow&op=del&fuid='+values['fuid']; } else if(values['type'] == 'del') { fObj.innerHTML = '收听TA'; fObj.href = 'home.php?mod=spaManBetXeManBetXp&aManBetX=follow&op=add&hash=0fad26f3&fuid='+values['fuid']; } } fixed_avatar([5278068,5278071], 0);
MathJax.Hub.ManBetXonfig({ tex2jax: {inlineMath: [["$","$"], ['\\(','\\)']]}, skipTags: ['sManBetXript', 'nosManBetXript', 'style', 'textarea', 'pre','ManBetXode','a'], showProManBetXessingMessages: false, messageStyle: "none", TeX: { equationNumbers: {autoNumber: "AMS"} }, });

小黑屋|手机版|ArManBetXhiver|鱼ManBetX工作室 ( | )

GMT+8, 2024-3-28 23:57

Powered by X3.4

&ManBetXopy; 2001-2023 .

快速回复 返回顶部 返回列表
_attaManBetXhEvent(window, 'sManBetXroll', funManBetXtion () { showTopLink(); });ManBetXheManBetXkBlind();