在网页中嵌入的flash,默认是居于网页所有层中的最顶层的,即使设置z-index为多小也不起作用的。那么在当一个div层和一个flash对象在显示上有交集的时候,如何将这个div层显示在flash之上呢? 下面是作者在网上看到的解决办法。 其实只需要对flash对象设置就行了,不需要设置z-index属性值,只需要设置flash的一个属性:wmode。 关于如何在网页中嵌入flash的代码可以参照本站文章: 页面插入flash的代码 具体代码这里就不贴出......
分享一个利用jquery实现的下拉菜单效果,代码简洁易修改。这里使用jquery分别实现了两种下拉菜单的效果,其实原理是一样的,经测试是兼容IE,火狐等各大主流浏览器的。下面贴一下这个下拉菜单的效果图。 jquery下拉菜单效果一: jquery下拉菜单效果二: 下面将效果一的代码贴一下,如果需要效果二的代码的话,可以自己修改或者在下面下载源码即可。 <html xmlns="http://www.phpernote.com/jquery-effects/114.html"> <......
做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离,然后做相应的处理动作。下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享,这个是同时兼容ie和firefox的。 首先我们需要知道的两个定义是: 滚动条距离浏览器顶部的高度 = 窗口滚动条高度; 滚动条距离浏览器底部的高度 = 文档(页面)内容实际高度 - 滚动条距离浏览器顶部的高度 - 窗口可视范围的高度; 好了,明白了这个定义,那......
js获取鼠标当前位置,兼容ie和firefox,具体见如下代码: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>js获取鼠标当前位置</title> </head> <body> <script type="text/javascript"> function mouseMove(ev){ Ev= ev||window.event; var mousePos=mouseCoords(Ev); document.getElementById("www.phpernote.com").value=mousePos.x; document.getEleme......
js验证输入框的内容只能输入数字和带小数点的数字,网上看到的,写法虽然有点奇特,但比较简洁,据作者验证,在各种浏览器下面还是没有问题的!下面将代码分享如下: 第一种方法,只能输入数字,能输带小数点的数字,这个在IE下是没有问题的,但不兼容firefox <input type="text" name="price" onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')" /> 第二种方法,下面这种方......
关于如何利用js屏蔽用户按下的方向键,这里作者和大家分享一下(同时兼容IE和firefox)!将以下代码加入到源代码的head和body区域均可。 document.onkeydown=function(e){ e=e||event; //屏蔽向左的方向键 if(e.keyCode==37){ alert('禁止向左的方向键!'); return false; } //屏蔽向上的方向键 if(e.keyCode==38){ alert('禁止向上的方向键!'); return false; } //屏蔽向右的方向键 if(e.keyCode......
有的时候我们不希望浏览我们网站的用户查看我们网站的源代码或者右键选择复制我们的文章的内容。那么这个时候我们可以做到的就是直接屏蔽掉用户鼠标右键的动作。使得用户在我们网页上面点击鼠标右键的时候没有任何反应。具体操作看如下代码(这里是同时兼容IE和firefox的): //屏蔽右键鼠标右键 document.oncontextmenu=function(){ alert('禁止鼠标右键菜单!'); return false; } 将以上js代码段加入到我们的js代码中,......
js屏蔽鼠标键盘事件,这里主要介绍如何使用js屏蔽包括鼠标右键,方向键,退格键,F5刷新键,Ctrl+N,Shift+F10 等事件,同时兼容IE、firefox、谷歌等浏览器。具体代码如下(注意以下没有明确说明不兼容firefox的,则一定兼容firefox): <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js屏蔽鼠标键盘事件(包括鼠标右键,方向键,退格键,F5刷新键等),兼容IE和firefox</title> ......
很多时候,在浏览网页时,我们需要考虑用户不小时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒。这个时候我们可以通过是用 javascript window.onbeforeunload() 这个方法来阻止用户关闭窗口,见如下这个例子: <script type="text/javascript"> window.onbeforeunload=function(event){ return 'hello'; } </script> 这样当用户按了关闭按钮时,便会弹出如下这......
由于遮盖层的崛起,现在网站上使用css透明效果非常的多,对于支持W3C的浏览器,可以使用opacity属性,而在IE下可以使用滤镜filter来实现透明效果,OK,废话不多说,下面我们来写一个通用的CSS透明效果吧,兼容了目前比较流行的IE和firefox浏览器。相关css代码如下: .setOpacity{ opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; -khtml-opacity:0.75; -moz-opacity:0.75; }
首先来看一段 html 代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>firefox 提示event is not defined错误的解决办法</title> </head> <body> <script language="javascript"> document.onkeydown=function mykeyDown(){ if(event.keyCode==13){alert('oh my www.phpernote.com');} return; } </script> </body> </html> 以上 js 代码的意思是你在当前......
使用 javascript 判断当前用户点击的是鼠标左键还是右键是很简单的,只需要给对象加上 onmousedown 事件,通过 javascript 的 e.button 值来进行判断,下面直接上例子。 document.onmousedown=judgeMouseButton; function judgeMouseButton(e){ var e=window.event||e;//获取事件对象 var value=e.button; if(value==2||value==3){ alert('点击的是鼠标右键'); }else{ alert('点击的是鼠标左键'); } }
用 JS 计算鼠标在页面上的位置并非难事,但由于IE和firefox对获取鼠标当前位置的方法不同(IE为event.x|y,FF为event.pageX|Y),一般采用的是event.clientX代替两者,但当出现滚动条时event.clientX在IE和FF中的表现会略有不同。因此 js 获取鼠标当前位置也因各浏览器的区别而有所不同。下面介绍一种通用的获取鼠标在页面上的位置的方法。 /** * 获取鼠标在页面上的位置 * @param ev 触发的事件 * @return x:鼠标在页面上的横......
JS判断浏览器类型的方法总结,可判别当前客户端所使用的浏览器是ie,firefox,safari,chrome或者是opera,另外js可以精确判断到ie浏览器的版本,依然直接上代码,需要的朋友可按照自己的要求进行修改。 第一种方法: var Browser=new Object(); Browser.isMozilla=(typeof document.implementation!='undefined')&&(typeof document.implementation.createDocument!='undefined')&&(typeof HTMLDocument!='undefined'); Bro......
本篇文章分享一下如何通过js获取一个表格的行数和列数。很简单,这里举例说明,现在假设有一个表格id属性值为test,则利用javascript获取该表格的行数和列数的写法如下(同时兼容ie和firefox的哦!): var tab=document.getElementById("test") ; //表格行数 var rows=tab.rows.length ; //表格列数 var cells=tab.rows.item(0).cells.length ; alert("行数"+rows+"列数"+cells);
如下分别是设为首页和加入收藏的代码效果: <a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://phpernote.com')">设为首页</a> <a href="javascript:window.external.AddFavorite('http://phpernote.com','PHP程序员的笔记')">添加收藏</a> 注意:以上代码仅适合IE内核的浏览器,现特将兼容IE和火狐浏览器的代码贴在下面: //加入收藏 function AddFavorite(URL,Title){ ......