for-计算元素和坐标

运用for循环计算元素和坐标，做出这样一个小玩意出来

 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6
 7 <style>
 8 div { width:50px; height:50px; background:red; position:absolute; top:0; left:0; font-size:30px; text-align:center; line-height:50px; color:#fff; }
 9 </style>
10
11 <script>
12 window.onload = function (){
13     var aDiv = document.getElementsByTagName(‘div‘);
14
15     for( var i=0; i<11; i++ ){
16         document.body.innerHTML += ‘<div>‘ + i + ‘</div>‘;
17     }
18
19     for( var i=0; i<aDiv.length; i++ ){
20         aDiv[i].style.left = 10 + i*50 + ‘px‘;
21         aDiv[i].style.top = 10 + i*50 + ‘px‘;
22     }
23
24 };
25 </script>
26 </head>
27
28 <body>
29
30
31
32 </body>
33 </html>

示例代码

时间： 2024-10-01 18:51:17

for-计算元素和坐标的相关文章

鼠标/手指相对于元素的坐标（px转百分比）

鼠标/手指相对于元素的坐标:鼠标或手指当前的位置 - 元素距离文档的位置 px转百分比:px / 文档尺寸 * 100 获取手指触摸在屏幕中相对于元素的坐标(px转百分比): $('#div').on('click',function(e){ //获取手指抬起时在文档中的位置 e = e.originalEvent.changedTouches[0]; //计算偏移值,获取手指相对于元素的坐标 var pageX = e.pageX-$(this).offset().left, pageY =

php计算两个坐标（经度，纬度）之间距离的方法

本文实例讲述了php计算两个坐标(经度,纬度)之间距离的方法.分享给大家供大家参考.具体如下: 这里使用php计算两个坐标(经度,纬度)之间的距离,返回结果为米或者千米 function distance($lat1, $lng1, $lat2, $lng2, $miles = true) { $pi80 = M_PI / 180; $lat1 *= $pi80; $lng1 *= $pi80; $lat2 *= $pi80; $lng2 *= $pi80; $r = 6372.79

使用linq计算元素在列表中出现的次数c#代码

c#使用linq计算元素在列表中出现的次数,调用方法非常简单,和sql语句很像 //codego.net计算的次数一个项目出现在这个列表 public static int CountTimes<T>(this List<T> inputList, T searchItem){return ((from t in inputList where t.Equals(searchItem) select t).Count());}

计算2个坐标（经纬度）之间的距离，.Net

.Net 中计算2个点之间的距离的方法,或者叫计算2个坐标,2个经纬度之间的距离. 代码如下: 1 /// <summary> 2 /// Calculates the distance between two geographics locations 3 /// </summary> 4 public static class GeoDistance 5 { 6 public static double Between(double latitude1, double long

从百度地图API中抠出来的一个js方法，计算百度地图坐标距离

从百度地图api(http://developer.baidu.com/map/jsdemo.htm#a6_1)中抠出来的一个js方法,计算百度地图坐标距离可读行还没还原,能用就行~ function fD(a, b, c) { for (; a > c;) a -= c - b; for (; a < b;) a += c - b; return a; }; function jD(a, b, c) { b != null && (a = Math.max(a, b));

计算两个坐标点之间的点的坐标

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>计算两个坐标点之间的点的坐标</title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> &l

css清浮动与动态计算元素宽度

css常用清浮动写法 /*清除浮动*/| .clears:after{ display: block; content: ''; clear: both; height: 0; visibility: hidden; overflow: hidden; } .fl{ float: left; } .fr{ float: right; } css实现超出内容部分溢出出现省略号,css写法 /*超出内容部分隐藏*/ white-space: nowrap; overflow: hidden; tex

for计算元素坐标

<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title> <style>div { width:50px; height:50px; background:red; position:absolute; top:0

队列的链式存储结构的实现2 —— 出队查看队首尾元素计算元素个数

// Filename : list_queue.c // Author : LupingChen // Data : 2015.05.30 // Content : create\destory\full\empty\push #include <stadio.h> #include <stdlib.h> //定义节点数据类型 typedef struct Node { int data;//节点数据 struct Node* next;//记录下一节点地址 } Node; //