代码如下://获取元素的位置 function getLeft(obj) { if (obj == null) return null; var mendingObj = obj; var mendingLeft = mendingObj.offsetLeft; while (mendingObj != null && mendingObj.offsetParent != null && mendingObj.offsetParent.tagName != "BODY") { mendingLeft = mendingLeft + mendingObj.offsetParent.offsetLeft; mendingObj = mendingObj.offsetParent; } return mendingLeft; }; function getTop(obj) ...
代码如下:function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; } }
可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser Rank's HTML document /**/ radio list的妙用 可支持方向键 当radio最后一个选中时,按小键盘后会自动跳回第一个 checked可自动触发onclick 支持各种浏览器,cross-browser demo // [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
其实获得鼠标位置就是一句话的事情,但是要是不了解浏览器间的区别,整个过程就会让人很郁闷,区别在与: 1.IE下获得x和y轴的距离分别用event.x和event.y; FF下获得x和y轴的距离分别用event.pageX和event.pageY; 2.IE下用此方法获得的位置是不算滚动条滚过的位置的,即它只会算到浏览器边缘; FF则会算进滚过去的那些位置; (这个地方很让我崩溃,为这么点小区别我把所有用到的程序全部重写了一遍,囧死……) 解决1的办法,无非...
序号操作分类IE(6.0)FireFox(2.0)Mozilla(1.5)当前浏览器备注1"."访问tag的固有属性OKOKOKOK2"."访问tag的用户定义属性eg: <input type="checkbox" myattr="test">OKNONOOK可以用getAttribute函数 替代3obj.getAttribute访问tag的固有属性OKOKOKOK4obj.getAttribute访问tag的用户定义属性eg: <input type="checkbox" myattr="test">OKOKOKOK5document.all访问document的所有子元素eg:document.allOKOKNOOK建议用childNodes对象或者...
1.window.event兼容脚本 2.屏蔽Form提交事件 3.获取事件源 4.添加事件兼容写法 5.Firefox注册innerText写法 6.长度 7.父控件下的子控件 8.XmlHttp 1.window.event兼容脚本 function getEvent(){ //获取浏览器事件,同时兼容ie和ff的写法 if(document.all) return window.event; func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event arg0.constructor ==MouseEvent)...
示例代码: <body> <table border="1" cellspacing="0" cellpadding="0" id="apple" > <tbody> <tr> <td id="banana" style="color:red" >不吃苹果</td> </tr> </tbody> </table> </body> 尽量采用W3C DOM 的写法 以前访问对象可能是: document.all.apple 或者 apple 现在应该采用: document.getElementById("apple") 以ID来访问对象,且一个ID在页面中必须是唯一的 document.getElementsByTagName("div")[0] 以标签名来访问对象...
在介绍ensure内部的实现之前,让我们先来看看其功能: ensure({ html: "popup.html", javascript: "popup.js", css: "popup.css" }, function() { Popup.show("hello world"); } ); 在这段代码中,ensure首先会确保popup.html、popup.js、popup.css这3个文件的加载,如果都没加载过ensure就会动态加载它们;如果已经加载过了,ensure不会再次加载。在确保这3个文件都加载后,ensure会调用后面的匿名函数,也就是执行Popup.show("he...
1.window.event兼容脚本 function getEvent(){ //获取浏览器事件,同时兼容ie和ff的写法 if(document.all) return window.event; func=getEvent.caller; while(func!=null){ var arg0=func.arguments[0]; if(arg0){ if((arg0.constructor==Event arg0.constructor ==MouseEvent) (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){ return arg0; } } func=func.caller; } return...
js图片轮换效果代码_脚本之家 22吨重挖掘机 中星九号直播 考后表情 1 2 3 function $(v){return document.getElementById(v)} var img = $("bimg").getElementsByTagName("div"); var td = $("simg").getElementsByTagName("td"); var text = $("info").getElementsByTagName("div"); var now = 1; var count = 3; //设置数量 var def = 0; //默认显示 var speed = 1000; //10秒 //initia...
查了N多的资料,现在终于解决了,MD,自已写了一个,代码很简单!在FIREFOX IE7 IE6中我测了,没有问题,我想有很多都也在找这样的代码,贴出来和大家分享吧! 代码如下:<div style="position:absolute;border:1px solid #000;right:0;" id="ad"><a href="http://www.zishu.cn">子鼠测试.</a></div> //这一行写了这个DIV是绝对定位,最好再加一下z-index;边框为1px的实线黑色边;距右边有0PX; ID=AD; <script language="Java...
最近做一个图片的自动缩小效果,发现一直用的js,竟然在firefox下无法正常啊,导致页面变形.所以自己写了个兼容性一般的代码,大家可以来讨论下原来我用的是从pjblog上的 代码如下://查找网页内宽度太大的图片进行缩放以及PNG纠正 function ReImgSize(){ for (i=0;i<document.images.length;i++) { if (document.all){ if (document.images[i].width>550) { document.images[i].width="550" //没有高,明显会...
Fifty Studio│无间断滚动的新闻文章列表 @import url("/tutorials/demo/css/ie.css"); #demo{overflow:auto; } } CSS 布局演示 CSS Layout by Forestgan 2006-11-1 发表 三列自适应宽度液态布局│Three Column Liquid Layouts Internet Explorer 7 对CSS的兼容--Box Model Changes 未知大小的图片在一个已知大小容器中的水平和垂直居中(二) 为不同的浏览器载入不同CSS的二种方法CSS Browser Selector 用ASP程序模拟实现fi...
BS架构的企业级应用中,当一个表格列数较多时,用户一个常见的需求就是把前面几个重要的列固定住,这样拖动滚动条时固定的列会方便用户查看数据,用户体验很好。一些重量级的JS组件库也都有这个功能,那么有没有更简单的方法实现这个功能呢? 这个需求常见的解决方案是使用表格拼接的方法,这个方案如果要制作静态的网页,或者功能简单的动态页面,逻辑比较简单,技术上也不复杂,很容易实现,但是如果要做成组件,动态功...
纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮。经测试,兼容IE6,IE7,Firefox浏览器。 CSS代码为: 代码如下:.r1{width:80px;height:80px;background:red;float:right; position:fixed !important; top/**/:200px; position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;} .r2{width:80px;height:80px;background:red;float:right; position:fixed !importan...