了很久,始终没想出解决方案,大伙给点思路吧. var fruit = new Array(3); fruit[0] = new Array("苹果", "a"); fruit[1] = new Array("苹果", "a"); fruit[2] = new Array("橘子", "2"); for (i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
上次在blueidea上看到一个元素圆角的实现方法,但是那个太复杂了。于是就自己写了一个函数,可以将元素自动圆角。 演示地址:http://longbill.cn/down/sample/roundcorner.htm 不要用在有 padding 值得元素上,最好是在外面套一层。详情见演示地址。 代码: function RoundCorner(obj,style) { /******** 网页元素圆角函数!! 作者: Longbill 主页: www.longbill.cn ********/ var r = []; var styles = ...
得到元素真实的背景颜色 by Longbill .classname {background-color:#ff99dd;} #div3 {background-color:#d8bfd8;} div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;} body {background-color:#bed742;} #div4 {background-color:transparent;} 得到元素真实的背景颜色 By Longbill div1 直接通过div标签定义背景色(#87cefa) div2 通过class name定义背景色(#ff99dd) div3...
使用attachEvent对同一事件进行多次绑定,这是解决事件函数定义冲突的重要方法。但是在IE中,函数内的this指针并没有指向被绑定元素,而是function对象,在应用中,这是很难受的一件事,如果试图用局部变量传送元素,会因为闭包而引起内存泄漏。那么,我们应该如何解决这一难题呢? 我给Function添加了原型方法“bindNode”,在这个方法里,根据传送过来的元素,进行全局性存储转换,然后返回经过封装的函数,使用call方法来进行...
最简单的是这样: 动态添加onclick事件: var bObj=document.getElementById("bu"); bObj.onclick= objclick; function objclick(){alert(this.value)}; 如果使用匿名函数 function(){},则如下面所示: var bObj=document.getElementById("bu"); bObj.onclick=function(){alert(this.value)}; 上面的方法其实原理都一样,都是定义 onclick 属性的值。值得注意的是,如果多次定义 obj.onclick,例如:obj.onclick=method1; ...
页面上有些重要内容需要提醒客户,可采用的方法有很多。提醒用户关注某一区域(div),可以给该div加上边框闪烁的效果,达到吸引用户眼球的效果。 .box {border:1px solid #ccc; height:100px; width:600px; text-align:center; line-height:100px; background-color:#f7f7f7} .highLight {background-color:#ffffcc; border:1px solid #f30} Box I Box II [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]代码里包含有几个常用函...
代码如下: 这是个奇妙的方法。适合做标题性质文字的随机轮换显示。 有两种不同的方式实现: 一、随机取单个,二、让整个数组随机排序 注意:[ ] 符号在javascript中定义一个数组,{ } 则定义一个对象 随机取得数组里面的某一个:代码如下: //随机取得数组中的一个 var Arr = ["a","b","c","d"]; var n = Math.floor(Math.random() * Arr.length + 1)-1; alert(Arr[n]); 随机排序整个数组Array:代码如下: //随机排序整个数...
前两天由于一个小项目想为一元素添加一个阴影效果,但是记得看过某高人写的"用Div/CSS模拟阴影效果"文章,现在还有一点印象,其思路很简单,主要是利用几个层的定位偏移来实现的阴影特效,于是偶就想能不能封装成一个js函数,方便在每个html对象上调用. 开始偶以为很简单,但实现过程中确遇到了很多问题,其中最严重的就是浏览器的兼容问题,整整耗了偶整个晚上加半个通宵的时间才搞定,汗呢!不过从这个小东西让我对js及一些浏...
写一个小系统时,需要动态添加表单元素,按自己的实现方法写了这篇教程! 我想各位在很多网站上都看到过类似的效果! 1、先用document.createElement方法创建一个input元素! 代码如下:var newInput = document.createElement("input"); 2、设定相关属性,如name,type等 代码如下:newInput.type=mytype; newInput.name="input1"; 3、用appendChild方法,将元素追加到某个标签内容中! 代码如下:TemO.appendChild(newInput); Javasc...
得到元素真实的背景颜色 .classname {background-color:#ff99dd;} #div3 {background-color:#d8bfd8;} div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;} body {background-color:#bed742;} #div4 {background-color:transparent;} 得到元素真实的背景颜色 By Longbill div1 直接通过div标签定义背景色(#87cefa) div2 通过class name定义背景色(#ff99dd) div3 通过id定义背...
Array.prototype.distinct = function(){ var $ = this; var o1 = {}; var o2 = {}; var o3 = []; var o; for(var i=0;o = $[i];i++){ if(o in o1){ if(!(o in o2)) o2[o] = o; delete $[i]; }else{ o1[o] = o; } } $.length = 0; for(o in o1){ $.push(o); } for(o in o2){ o3.push(o); } return o3; } var a = [2,2,2,3,3,3,4,4,5,6,7,7]; alert("原数组:" + a); alert("有重复的元素是:" + a.distinct()); alert("整理后...
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签: 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。 比如说有一个p的ID为docid: <p id="docid"></p> 那么就可以用getElementById("docid")来获得这个元素。 <html> <head> <meta http-equiv="Content-Type" content="te...
1.从$开始 对于熟悉prototype的朋友,$符号应该很熟悉, prototype: var element = $('eleId') jquery: var element = $('#eleId') DOM: var element = document.getElementById('eleId') 以上三种选择方式是等价的,相比prototype来说jquery多了个#号 例: $('#j1′).html() Hello, jQuery! 2.通过xpath+css来获取你想要的… 1). 在这段例子中我们需要用到的HTML代码 警告!警告!警告!警告! 我是第一段 第二段,...
麦鸡的TAB body{margin:40px; font-size:12px;} p{font-size:200%} .macji-tab a{color:#777; text-decoration:none;} .macji-tab ul.macji-nav{ position:relative; height:24px; margin:0 0 -1px; padding:0; list-style:none; overflow:hidden; } .macji-tab ul.macji-nav li a,.macji-tab ul.macji-nav li a span{ background:url(http://img.jb51.net/images/mj_bg.gif) no-repeat; } .macji-tab ul.macji-nav ...
作者 马嘉楠New Document var currentSel = null; function move(){ if(arguments.length==1){ moveUp(arguments[0]); }else if(arguments.length==2){ moveRight(arguments[0],arguments[1]); } } function moveUp(direction){ if(currentSel == null) return; var index = currentSel.selectedIndex; if(direction){//up if(index==0) return; var value = currentSel.options[index-1].value; var text = current...