2012/03/07 at 11:34 » Comments (267)

定义和用法 prompt() 方法用于显示可提示用户进行输入的对话框。 语法 prompt(text,defaultText) text 可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。 defaultText 可选。默认的输入文本。也可以不输入值，如果不输入值，则返回null。 说明 如果用户单击提示框的取消按钮，则返回 null。如果用户单击确认按钮，则返回输入字段当前显示的文本。 　　在用户点击确定按钮或取消按钮把对话框关闭之前，它将阻止用户对浏览器的所有输入。在调用 prompt() 时，将暂停对 JavaScript 代码的执行，在用户作出响应之前，不会执行下一条语句。 以下的代码弹出一个对话框，用户输入密码，然后提交表单 function fn_check( theForm ) { var m = prompt ( "请输入新密码" , "" ) ; if ( m ) { m = trimString(m); if ...more »

2012/02/24 at 17:31 » Comments (287)

星号" * " ：ie6 ie7支持 hirefox不支持 下划线"_"：ie6支持 ie7 firefox不支持 !important; ： firefox ie7支持 ，ie6部分支持 IE6支持重定义中的!important，例如： 　　.yuanxin {color:#e00!important;} 　　.yuanxin {color:#000;} 　　你将会发现定义了样式class="yuanxin"时，在IE下，字体显示为红色（#e00）。 　　但不支持同一定义中的!important。例如： 　　.yuanxin {color:#e00!important;color:#000} 　　此时在IE6下不支持，你将会发现定义了样式class="yuanxin"时，字体显示为黑色（#000）。   HTML头部引用(if IE)Hack：针对所有IE：<!--[if IE]><!--您的代码--><![endif]-->，针对IE6及以下版本：<!--[if lt IE 7]><!--您的代码--><![endif]-->，这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都 会生效。 选择器Hack：比如 IE6能识别*html ...more »

2012/02/24 at 17:25 » Comments (409)

使用绝对定位position: absolute;定义元素时，可以用top，bottom，left，right控制元素在页面上下左右的位置，有时我们需要元素无论页面大小都是显示在页面中间时，可以使用百分比来定义，如 #purr-container { position: absolute; top: 50%; right: 50%; z-index: 99999999 !important; } 注： !important;ie7和FF可以识别，ie6不识别，可以用来区分火狐和ie6 more »

2012/02/03 at 11:02 » Comments (356)

Fade（淡入淡出） <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Fade(Duration=2)"> Properties: duration, overlap (default=1.0) GradientWipe（渐变扫除） <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.GradientWipe(Duration=2)"> Properties: duration, gradientSize (default=0.25), motion Inset（从一角扩散） <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Inset(Duration=2)"> Properties: duration Iris（十字扩散） <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)"> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Iris(Duration=2)"> Properties: duration, irisStyle (default="PLUS"), motion Pixelate（震动出来cool） <meta http-equiv="Page-Enter" ...more »

2011/12/26 at 13:52 » Comments (449)

以下代码在ie6以上版本以及其他标准浏览器下，都可以实现纯css的下拉菜单效果，原理是通过li:hover控制菜单的显示隐藏。 <ul id="nav"> <li><a href="#">这是显示的标题1</a> <ul> <li><a href="#">这是列表中的内容1</a></li> <li><a href="#">这是列表中的内容2</a></li> <li><a href="#">这是列表中的内容3</a></li> <li><a href="#">这是列表中的内容4</a></li> </ul> </li> <li><a href="#">这是显示的标题2</a> <ul> <li><a href="#">这是列表中的内容5</a></li> <li><a href="#">这是列表中的内容6</a></li> <li><a href="#">这是列表中的内容7</a></li> <li><a href="#">这是列表中的内容8</a></li> </ul> </li> </ul> CSS样式代码 #nav, #nav ul{ /* all lists */ padding: 0; margin: 0; list-style: ...more »

2011/11/18 at 10:05 » Comments (224)

使用时直接调用函数，不需设定网站标题等 <span onclick ='addFav()'> 收藏本站 </span> <span onclick ='setHomepage()'> 设为首页 </span> <script type='text/javascript'> function addFav(){ // 加入收藏夹 if (document.all) { window.external.addFavorite(window.location.href, document.title); } else if (window.sidebar) { window.sidebar.addPanel(document.title, window.location.href, ""); } } function setHomepage(){ // 设置首页 if (document.all) ...more »

2011/10/27 at 17:19 » Comments (210)

使用FCKeditor编辑器的时候，点开里面就会自动添加上<P></P>的标签，按回车也会自动添加上相同的标签，如何不让FCKEditor自动添加P标签？ 修改/include/FCKeditor/fckconfig.js 找到 FCKConfig.EnterMode = 'p' ; // p | div | br FCKConfig.ShiftEnterMode = 'br' ; // p | div | br 替换成 FCKConfig.EnterMode = 'br' ; // p | div | br FCKConfig.ShiftEnterMode = 'p' ...more »

2011/10/26 at 09:08 » Comments (6)

<a href='#' onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage(window.location.href);">设为首页</a> <a href="javascript:window.external.addFavorite(window.location.href,document.title);">加入收藏</a> more »

2011/10/17 at 14:26 » Comments (212)

function myBrowser(){ var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera ; //判断是否IE浏览器 var isFF = userAgent.indexOf("Firefox") > -1 ...more »

2011/09/23 at 17:46 » Comments (18)

网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷走的高：document.body.scrollTop 网页被卷走的左：document.body.scrollLeft 网页正文部分上：window.screenTop 网页正文部分左：window.screenLeft 屏幕分辨率的高：window.screen.height 屏幕分辨率的宽：window.screen.width 屏幕可用劳动区高度：window.screen.availHeight 屏幕可用劳动区宽度：window.screen.availWidth HTML正确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取东西的转动高度。 scrollLeft:设置或获取位于东西左界限和窗口中目前可见内容的最左端之间的间隔 scrollTop:设置或获取位于东西最顶端和窗口中可见内容的最顶端之间的间隔 scrollWidth:获取东西的转动宽度 offsetHeight:获取东西尽对付版面或由父坐标 offsetParent 属指定 的父坐标的高度 offsetLeft:获取东西尽对付版面或由 offsetParent 属指定的父坐标的计算左侧地位 offsetTop:获取东西尽对付版面或由 offsetTop 属指定的父坐标的计算顶端地位 event.clientX 尽对文档的程度座标 event.clientY 尽对文档的笔挺座标 event.offsetX 尽对容器的程度坐标 event.offsetY 尽对容器的笔挺坐标 document.documentElement.scrollTop 笔挺偏向转动的值 event.clientX+document.documentElement.scrollTop 尽对文档的程度座标+笔挺偏向转动的量 IE，FireFox 差别如下： IE6.0、FF1.06+： clientWidth = width + padding clientHeight = height + padding offsetWidth = width ...more »