这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
了下代码, 感觉用数组模拟有些僵硬, 自己重新写了一个, 请大家来 pp!
- <style type="text/CSS">
- body{background:black} .point{position:absolute;height:75px;border:1px
- silver solid} #round{position:absolute;background:red;width:200px;height:200px;}
- </style>
- <script>
- var r = 200,
- dv = 0.01,
- w = 100,
- x = 400;
- y = 100,
- pn = 8
- var pi = 3.1415926575,
- d = pi / 2;
- var pd = Math.asin(w / 2 / r);
- ed = pi * 2 / pn;
- smove = true
- function window.onload() {
- var o = document.getElementById("imground");
- var arrimg = o.getElementsByTagName("img");
- for (n = 0; n < arrimg.length; n++) {
- arrimg[n].onmouseout = function() {
- smove = true;
- }
- arrimg[n].onmouseover = function() {
- smove = false;
- }
- arrimg[n].onmousedown = function() {
- dv = dv * 2
- }
- }
- setInterval(roundMove, 20);
- }
- function roundMove() {
- for (n = 1; n <= 8; n++) {
- var o = document.getElementById("p" + n) var ta = Math.sin(d + ed * n);
- var strFilter;
- if (ta < 0) o.style.left = Math.cos(d + ed * n - pd) * r + x;
- else o.style.left = Math.cos(d + ed * n + pd) * r + x;
- o.style.top = ta * 10 + 10 + y;
- o.style.width = Math.abs(Math.cos(d + ed * n + pd) - Math.cos(d + ed * n - pd)) * r;
- o.style.zIndex = ta * 10;
- if (o.style.zIndex < 0) strFilter = "FlipH(enabled:true)"
- else strFilter = "FlipH(enabled:false)";
- if (ta < 0) ta = (ta + 1) * 80 + 20;
- else ta = 100;
- strFilter = strFilter + " alpha(opacity=" + ta + ")";
- o.style.opacity = ta / 100;
- o.style.filter = strFilter;
- }
- if (smove) d = d + dv;
- }
- </script>
- <div>
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_1/1490193699_9792.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_18/1490193700_8599.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_7/1490193701_8090.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_20/1490193702_8170.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_12/1490193704_3038.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_9/1490193705_8411.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_5/1490193706_2343.jpg"
- data-src="" />
- <img class="img-responsive" src="http://img.phperz.com/data/img/20170322_7/1490193707_8099.jpg"
- data-src="" />
- </div>
来源: http://www.phperz.com/article/17/0628/288442.html