Posts Tagged: js
-
二 05, 2009
No CommentsattachEvent()/addEventListener()方法
用attachEvent()/addEventListener()方法添加触发事件2007-05-12 15:11在近来的工作中,用到了attachEvent方法,该方法可以为某一事件附加其它的处理事件,有时候可能比较有用,这里将其基本用法总结一下。 其语法可以查看《DHTML手册》,里面有详细的说明,这里贴一个例子,该例子来自互联网: document.getElementById(“btn”).onclick = method1; document.getElementById(“btn”).onclick = method2; document.getElementById(“btn”).onclick = method3; 如果这样写,那么将会只有medhot3被执行 写成这样: var btn1Obj = document.getElementById(“btn1″); //object.attachEvent(event,function); btn1Obj.attachEvent(“onclick”,method1); btn1Obj.attachEvent(“onclick”,method2); btn1Obj.attachEvent(“onclick”,method3); 执行顺序为method3->method2->method1 如果是Mozilla系列,并不支持该方法,需要用到addEventListener var btn1Obj = document.getElementById(“btn1″); //element.addEventListener(type,listener,useCapture); btn1Obj.addEventListener(“click”,method1,false); btn1Obj.addEventListener(“click”,method2,false); btn1Obj.addEventListener(“click”,method3,false);...
-
十二 19, 2008
No CommentsJavaScript中confirm的用法
configrm 用于删除或者其他时提示返回 t , f 例 if(window.confirm("确定删除吗?")){ $.get("../member/action.php?act=del", { snapID: id}, function(data){ if(data==1){ alert('success'); removeNode1(obj.parentNode.parentNode); }else{ alert('error'); } } ); } return...
-
十二 12, 2008
No Comments动态给ifram添加内容,兼容ie和FF
第一次知道,还可以这样写 <iframe width=’100%’ height=’100%’ name=’boot’ id=’boot’ src=” frameborder=’0′ scrolling=’no’></iframe> <SCRIPT LANGUAGE=”JavaScript”> <!– var iframe = window.frames['boot']; iframe.document.open(); iframe.document.write(‘<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>\n’); iframe.document.write(‘<html xmlns=”http://www.w3.org/1999/xhtml”>\n’); iframe.document.write(‘<head>\n’); iframe.document.write(‘<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />\n’); iframe.document.write(‘</head>\n’); iframe.document.write(‘<body>\n’); iframe.document.write(‘请等待…’); iframe.document.write(‘</body>\n’); iframe.document.write(‘</html>\n’); iframe.document.close(); //–> ...
-
十一 27, 2008
No Commentsjavascript与php类型转换
1. 字符串转换为整型 //php intval(); //php floatval();//php浮点 strval(); //javascript toString(); //转化为整型 parseInt(); //js 转化为整型 parseFloat(); //转化为浮点 Number(); //js,...
-
十一 17, 2008
No Commentsjs调用Windows自带的配色控件
仅适合于iE浏览器...
-
十一 13, 2008
No Comments各种图片与内容展示(lightbox)实现
Thickbox – 基于 jQuery,支持 AJAX,轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约为 40k,目前还可作为 WordPress 的插件使用。 GreyBox – 创建 iframe 的弹出界面,可使用图片、HTML 及 URL,大小约为 20k。 GreyBox Redux – 基于 jQuery,比 GreyBox 更轻。 Lightbox v2.0 – 最初是为了显示图片设计的,使用了 prototype 和 sciptaculous,所以有些沉重,但对于图片来说很好用。 Lightbox with moo.fx – 基于 prototype,但只能用于图片。 Lightbox Gone Wild – modal 模式窗口的 lightbox,可使用 html、表单及图片,也是基于 prototype 的,所以有一些 heavy。 Multi-faceted LIghtbox – 又一个基于 prototype...
-
十 31, 2008
No Comments基于jquery图片轮播广告
1. 需要引用 jquery库 2. 样式表 body{ padding:0px; margin:0px; } #Carousel_Frame img{border:0;} #Carousel_Frame{width: 450px; height:332px; text-align:left; overflow:hidden; border:0px solid #000; position:absolute; } #Carousel_list{ width: 450px; height:332px; } /* 图片大小 */ #Carousel_list a{ display: block;} #Carousel_Thumbnails { width: 450px; HEIGHT: 56px; position:absolute; z-index:2; top:270px; left:10px;} #Carousel_Thumbnails ul{ filter: Alpha(Opacity=30); opacity: 0.8; padding:0px; margin:0px;} #Carousel_Thumbnails ul li {...