ul{border:1px solid red; width:300px} li{height:40px; margin:5px; background-color:#CCCCCC} 无标题文档 1111111111 22222222222 3333333333333 44444444444 55555555555 window.onload = function(){ var li_o = document.getElementsByTagName("li"); for(var i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
函数如下: 代码如下:function gCL(i){ var f=parseInt((i%15)/5); i=i%15%5; switch(f){ case 0:return "#"+cS2(255-i*51)+cS2(i*51)+"00"; case 1:return "#00"+cS2(255-i*51)+cS2(i*51); case 2:return "#"+cS2(i*51)+"00"+cS2(255-i*51); } } function cS2(i) { var s=i.toString(16); return ("00"+s).substr(s.length); } 使用gCL就可以利用递增的数字返回由红到绿到蓝的渐变颜色了。渐变效果如下,共15种颜色,循环渐变: ...
例如:一个不确定长度的列表,在鼠标经过某一条的时候改变背景。Untitled Page 第1条记录 第2条记录 第3条记录 第4条记录 第5条记录 第6条记录 var list_obj = document.getElementById("list").getElementsByTagName("li"); //获取list下面的所有li的对象数组 for (var i = 0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这个例子循环为一组对象绑定事件处理函数。 但是,如果我们在这个基础上增加一些需求。比如在点...
for(int i=1,n=tempUser.length;i for(int i=1,;i 习惯for(int i=1,;i 我当即就测试了一下,发现果然性能比较起来差别很小,甚至后者更高效一点。 虽然得出这样的结果,但和自己心里想的确完全相反的。所有当然就回复说差不多。 今天又发现一位前辈的blog中正好有对这个帖子的回应。他做了测试,内容大致是前面的帖子的问题应该是差不多的,但是他又更深入的进行测试,得出:在有情况for(int i=0;i所有我也做了一下测试: 代码如下...
这篇着重讲第一个原因。最后给出了一个开发模式,替换传统的循环结构,可以完全避免脚本失控的状况发生。 原文标题:Speed up your JavaScript, Part 1 原文作者:Nicholas C. Zakas 在我 上一篇帖子 (译文 ) 中,谈到了各个浏览器究竟会在什么情况下弹出脚本失控提示,对于Internet Explorer 来说,当浏览器执行了数量过多的语句时就会停止执行脚本,而其他的浏览器,则是持续执行脚本超过一定时间的时候就会给出提示。而我们要...
滚动板 /* 初始化 */ body { font: 12px/1 "宋体", SimSun, serif; background:#fff; color:#000; } /*核心是 position:relative;,才能让其内部的 ul 以绝对定位,通过改变 top 值实现向上移位置。*/ .scrollUl { overflow:hidden; position:relative; } /*演示多个滚动板同时使用,这里是统一按每行按 20px 高,第一个每屏 4 行,第 2 个每屏 6 行。其实每组中行高也可不同。滚动速度与具体行高无关。*/ #scrollUlTe...
看代码,不说话: 代码如下: var i=arr.length; while(i--) { //写点啥? } 上面是Google array.js 程序中建议改进的代码。思考为什么i-- 到了 i为0时while循环结束了?下面的代码与它等价: 代码如下: var i=arr.length; for(;i--;) { //i--写在两个分号的中间,奇怪吗?不奇怪吗? } 震撼?没感觉? 呃。平时我们写在两个分号中间的是什么?这个i--按“常理”应该是在第二个分号之后啊。那我们看看C语言的代码: 代码如下: ...
//循环队列 function CircleQueue(size){ this.initQueue(size); } CircleQueue.prototype = { //初始化队列 initQueue : function(size){ this.size = size; this.list = new Array(); this.capacity = size + 1; this.head = 0; this.tail = 0; }, //压入队列 enterQueue : function(ele){ if(typeof ele == "undefined" || ele == ""){ return; } var pos = (this.tail + 1) % this.capacity; if(pos == this.head){//判断队列是...
一般在javascript里对数组进行遍历一般是使用for循环,像下面一样 代码如下: var arr = []; for(var i=0; i//loop } 这种代码最大的问题,就在于每次循环时都要通过 .操作符获取 .length,增加了开销。那么我们可以这样改进。 代码如下: var arr = []; for(var i=0, n=arr.length; i<n; i++){ //loop } 这样子,先把 arr.length暂存到 n 变量中去。只在开始时获取一次。 但是这样就没问题了吗?貌似多定义了个无意义的变量 n 。...
代码如下: var speed=20;/*速度数值越大速度越慢*/ document.getElementById('www_qpsh_com2').innerHTML=document.getElementById('www_qpsh_com1').innerHTML; /*两个层来回交替出现*/ function Marquee(){ if(document.getElementById('www_qpsh_com2').offsetWidth-document.getElementById('www_qpsh_com').scrollLeftdocument.getElementById('www_qpsh_com').scrollLeft-=document.getElementById('www_qpsh_com1').offsetW...
然后来看看今天我开始怀疑哪个权威哦家伙了。。。 自从开始学编程,自从接触到数组这个东西,我就一直在不同的地点和不同的时间不断看到有人提醒:在用for遍历数组的时候一定要用 for(var i=0,n=arr2.length;iarr.length;i++)的方式哦,因为用脑子想想也知道,第二种方法的第二部分会一直去计算数组的length,所以自然效率比较低。 哦?我们这里不说其他程序语言,而只讨论js,因为不同的语言,实现可能不同,其他语言是什么情况还...
Document自带的方法: 循环执行:var timeid = window.setInterval(“方法名或方法”,“延时”);window.clearInterval(timeid); 定时执行:var tmid = window.setTimeout(“方法名或方法”, “延时”);window.clearTimeout(tmid); 举例说明: A.当要执行的方法中不需要参数时 代码如下: //循环执行,每隔3秒钟执行一次showalert() window.setInterval(showalert, 3000); function showalert() { alert(“aaaaa”); } //定时...
1.建立Html模版 想法是先用一个div container承载所有内容,然后div box用来放置图片,最后div box_border来当图片框,代码如下瀑布流效果:(未设置css属性所以都是垂直放置的)2.通过css简单设置样式 主要设置水平放置,相框颜色,边界之类的/* 边界不留空,背景黑灰 */ body{ margin: 0px; background: darkgray; } /* 总布局设置为相对布局 */ .container{ position: relative; } /* 设置box属性 */ .box{ padding: 5px; float: left; }...
自己模仿JQ插件的写法写了一个循环滚动列表插件,支持自定义上、下、左、右四个方向,支持平滑滚动或者间断滚动两种方式,都是通过参数设置。JQ里面有些重复的地方,暂时没想到更好的方法去精简。不过效果还是可以的,如下(效果图上传后都加速了,实际效果比这个要慢很多):html代码如下:循环滚动列表$(function(){//下面是调用语句,以ID名区分$("#autoScroll01").autoScroll({direction: 'left', //滚动方向,'up'、'down'...
循环的三种写法:js循环 by 脚本之家//while循环 i = 1; while (i 脚本之家,这是标题"+i); document.write(""); i++; }//do_whilel循环i = 1; do { document.write("jb51.net ,这是标题"+i); document.write(""); i++; } while(i //for循环 for(i=1;i脚本之家,这是标题"+i);document.write(""); }不同类型的循环 JavaScript 支持不同类型的循环: ?for - 循环代码块一定的次数 ?for/in - 循环遍历对象的属性 ?while - 当指定的条...