先描述一下出现这种匪夷所思bug的背景: 我在页面加载的时候加载一堆小缩略图,<a href="javascript:void(0);" onclick="switch_image('1.jpg')"><img src="1.thumb.jpg" /></a> 这么多小的缩略图标签循环平铺下来,当单击小的图片时,动态加载大的图片显示,就类似于淘宝的商品查看图片。页面上有一个标签: <div id="pic-box"><img src="" id="big-image" /></div> 为了节省流量,加快页面载入速度,先不加载大图,当用户单击小图...
代码如下:<body onload="setHeight()"> <script type="text/javascript"> function setHeight() { var PageHeight=$("oPage").scrollHeight var MaxHeight=507 if(PageHeight>MaxHeight) { $("oPageMain").style.height=$("oPage").scrollHeight + 40 +"px" $("oRight").style.height=$("oPage").scrollHeight + 120 +"px" $("oMain").style.height=$("oPage").scrollHeight + 211 +"px" } } </script>
在IE7中, 使用jQuery 显示:$("#a").attr("style",""); 隐藏:$("#a").attr("style","display:none"); 但是显示这个方法在IE8中不行 IE8 显示:$("#a").removeAttr("style"); 隐藏:$("#a").attr("style","display:none"); IE6,最怪异,使用display:none不能隐藏select标签 下面这两个,经测试,在三个版本中都能正常使用 隐藏:document.getElementById("a").style.display="none"; 显示:document.getElementById("a").style.d...
代码如下:var chkbox = document.createElement("INPUT"); chkbox.type = "checkbox"; chkbox.checked=true; lnk.parentNode.appendChild(chkbox); 以上代码在IE7下,生成的Checkbox无法正确的打上勾。 原因是 chkbox控件还没初始化(appendChild),就开始操作它的结果 据此将代码改为即可正确显示: 代码如下:var chkbox = document.createElement("INPUT"); chkbox.type = "checkbox"; lnk.parentNode.appendChild(chkbox); chk...
< a href="javascript:void(0)" onclick="foo()" >点击< /a > 同是上面的操作在ie6下执行会出问题请求不到ajax数据,但是在ie7和ff下没问题 所以需要修改成 <a href=“#" onclick="foo()">点击</a> 或者 <a href=“foo()">点击</a> 就可以了
请各位参看下面的代码。 代码如下:if(ieVersion == "6.0") { window.opener=null; window.close(); } else if(ieVersion == "7.0") { window.open('','_parent',''); window.close(); } 这里需要注意的是在IE7下如果想关闭整个浏览器的话,window.open('','_parent',''); 中的第2个参数应该修改为'_self','_parent'关闭的是单个tab页面。
第一种方法: 代码如下:<script type="text/javascript" language="javascript"> <!-- //调整 PageContent 的高度 function TuneHeight() { var frm = document.getElementById("content01"); var subWeb = document.frames ? document.frames["content01"].document : frm.contentDocument; if(frm != null && subWeb != null) { frm.height = subWeb.body.scrollHeight; } } //--> </script> <iframe id="content01" name="conten...
说明: 在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG(Portable Network Graphics)格式,则0%-100%的透明度也被提供。 语法: filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true:默认值。滤镜激活。 false:滤镜被禁止。 s...
第1种方法: IE6: window.opener=null; window.close(); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]IE7: window.open('','_self'); window.close(); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]IE6、IE7、FF通用代码: window.opener=null; window.open('','_self'); window.close(); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第2种方法: <!--IE下的默认关闭方法,IE会弹一个对话框让用户确认--> <a href="javas...
代码如下:1. <script type="text/javascript"> 2. function doInput() 3. { 4. var win = window.showModalDialog("http://www.baidu.com?source="+Math.random(),window,"dialogWidth=350px;dialogHeight=400px;center=yes;"); 5. } 6. </script>
兼容IE6,IE7菜单高亮显示 *{ font:12px tahoma; } #menu li{ list-style:none; width:88px; height:30px; float:left; background:#EFF1F5; text-align:center; margin:0; overflow:hidden; } #menu li a{ display:block; } #menu li a:link,#menu li a:visited{ text-decoration:none; padding:8px 0; } #menu li a:hover{ background:#B8C0D3; } 脚本之家 脚本之家 脚本之家 脚本之家 脚本之...
var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE7.0") { alert("IE 7.0"); } else if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0") { alert("IE 6.0"); } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]js判断IE6/...
通过更新变换矩阵来记录转动(函数remx()). 利用矩阵计算出转动后的正方体顶点坐标, 把各个顶点的空间坐标按”近大远小”转换成平面坐标(函数p2d()), 用正方体各个面的法向量的z坐标判断该面是否可见, 用高为1px的div层模拟画出四边形(函数gra2htm()). 鼠标拖曳的代码用别人的代码修改的. Cube function gra2htm(clr,a,b,c,d){ var result=''; var maxx=Math.max(a[0],b[0],c[0],d[0]),minx=Math.min(a[0],b[0],c[0],d[0]); var max...
javascript 拖拽JavaScript Google IG Drag Demo,非常棒的拖动,准备用于F2Blog新Theme的后台模块设置,之间的拖 动 拖拽效果的页面效果演示地址:http://img.jb51.net/online/tuozhuai/google_drag.htm加强版效果演示地址:http://img.jb51.net/online/tuozhuai/google_drag2.htm拖拽原理: 关于拖拽的基础,可以参考这篇文章,讲得非常不错。 其实原理很简单,就是把绑定三个事件:onmousedown , onmousemove , onmouseup。 在...
提示:8.23修复了ie 7显示错误的bug,请下载过的朋友重新下载。对此表示抱歉! 更新说明: 2007-08-23 11:50 1、修复了IE7.0下按钮文字错位的BUG(下载源码已经更新,请下载过的朋友重新下载)。 2、修改了部分js程序代码。(弹出框的高度只在初始化时进行计算) 2007-08-23 21:30 1、完善了组件简介,原来没有写5-7三个介绍,可能有些朋友也没有注意到。这里补上! ====================================================== 前...