你的位置:首页 > 网页设计

[网页设计]酷炫Html5旋转代码【转】

<!DOCTYPE html><html> <head>  <meta charset='utf-8' />  <!-- js引用包 -->  <script src="/images/loading4.gif" data-original='http://libs.baidu.com/jquery/1.9.0/jquery.min.js'></script><style>> body {  margin: 0;  overflow: hidden}div {  padding: 1px 5px;  background: #333;  position: absolute;  z - index: 2;  color: #555;  font - family: arial}a {  color: #ccf}a: hover {  color: red}</style> <script>window.onload = function() {  C = Math.cos;  S = Math.sin;  U = 0;  w = window;  j = document;  d = j.getElementById("kele" + "yi_com");  c = d.getContext("2d");  W = d.width = w.innerWidth;  H = d.height = w.innerHeight;  c.fillRect(0, 0, W, H);  c.globalCompositeOperation = "lighter";  c.lineWidth = 0.2;  c.lineCap = "round";  var bool = 0,  t = 0;  d.onmousemove = function(e) {    if (window.T) {      if (D == 9) {        D = Math.random() * 15;        f(1);      }      clearTimeout(T);    }    X = e.pageX;    Y = e.pageY;    a = 0;    b = 0;    A = X,    B = Y;    R = (e.pageX / W * 999 >> 0) / 999;    r = (e.pageY / H * 999 >> 0) / 999;    U = e.pageX / H * 360 >> 0;    D = 9;    g = 360 * Math.PI / 180;    T = setInterval(f = function(e) {      c.save();      c.globalCompositeOperation = "source-over";      if (e != 1) {        c.fillStyle = "rgba(0,0,0,0.02)";        c.fillRect(0, 0, W, H);      }      c.restore();      i = 25;      while (i--) {        c.beginPath();        if (D > 450 || bool) {          if (!bool) {            bool = 1;          }          if (D < 0.1) {            bool = 0;          }          t -= g;          D -= 0.1;        }        if (!bool) {          t += g;          D += 0.1;        }        q = (R / r - 1) * t;        x = (R - r) * C(t) + D * C(q) + (A + (X - A) * (i / 25)) + (r - R);        y = (R - r) * S(t) - D * S(q) + (B + (Y - B) * (i / 25));        if (a) {          c.moveTo(a, b);          c.lineTo(x, y)        }        c.strokeStyle = "hsla(" + (U % 360) + ",100%,50%,0.75)";        c.stroke();        a = x;        b = y;      }      U -= 0.5;      A = X;      B = Y;    },    16);  }  j.onkeydown = function(e) {    a = b = 0;    R += 0.05  }  d.onmousemove({    pageX: 300,    pageY: 290  })}</script></head> <body>  <div id="text"></div>   <canvas id="keleyi_com"></canvas>   </body></html>

 


新疆旅游景点推荐新疆跟团旅游报价多少新疆旅游线路大全新疆旅游报价价格新疆旅游团购优惠深圳大梅沙门票_深圳大梅沙海滨公园门票_大梅沙门票价格多少钱 大昭寺门票_大昭寺门票价格_拉萨大昭寺门票多少钱 浙西大峡谷在哪里_浙西大峡谷交通地图 西湖门票_浙江杭州西湖门票价格 出境游:货币多次兑换不相因  全球“憋王”戴维·默里尼称 张家界奇景能创奇迹 白洋淀饮食购物小攻略 只是一瞥便情深向往——元阳 2015母亲节去广州南沙湿地门票免费吗?南沙湿地母亲节活动介绍? 畅游惊喜海洋世界 与虎鲸一起享受酣畅盛夏 土耳其货运公司开通突尼斯货运服务 五月天 五大“理由”催你去游玩 2015元旦去放鸡岛海上游乐世界好玩吗?茂名放鸡岛元旦门票价格? 茂名放鸡岛2015游玩特色?放鸡岛海上游乐世界2015新亮点? 2015广州元旦倒数活动在哪里?广州电视塔元旦倒数门票多少钱? 天地人合一 中国风水最好的城市(全文) STD12NF06LT4 Datasheet STD12NF06LT4 Datasheet STD12NF06T4 Datasheet STD12NF06T4 Datasheet MTD3055V Datasheet MTD3055V Datasheet 浙江出发去南加州希尔顿头岛旅游 浙江出发去南加州希尔顿头岛旅游 浙江出发去南加州希尔顿头岛旅游 浙江出发去南美洲旅游 浙江出发去南美洲旅游 浙江出发去南美洲旅游 浙江出发去南三岛旅游 浙江出发去南三岛旅游 浙江出发去南三岛旅游