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

定義和用法 prompt() 方法用于顯示可提示用戶進(jìn)行輸入的對(duì)話框。 語(yǔ)法 prompt(text,defaultText) text 可選。要在對(duì)話框中顯示的純文本（而不是 HTML 格式的文本）。 defaultText 可選。默認(rèn)的輸入文本。也可以不輸入值，如果不輸入值，則返回null。 說(shuō)明 如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認(rèn)按鈕，則返回輸入字段當(dāng)前顯示的文本。 　　在用戶點(diǎn)擊確定按鈕或取消按鈕把對(duì)話框關(guān)閉之前，它將阻止用戶對(duì)瀏覽器的所有輸入。在調(diào)用 prompt() 時(shí)，將暫停對(duì) JavaScript 代碼的執(zhí)行，在用戶作出響應(yīng)之前，不會(huì)執(zhí)行下一條語(yǔ)句。 以下的代碼彈出一個(gè)對(duì)話框，用戶輸入密碼，然后提交表單 function fn_check( theForm ) { var m = prompt ( "請(qǐng)輸入新密碼" , "" ) ; if ( m ) { m = trimString(m); if ...more »

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

星號(hào)" * " ：ie6 ie7支持 hirefox不支持 下劃線"_"：ie6支持 ie7 firefox不支持 !important; ： firefox ie7支持 ，ie6部分支持 IE6支持重定義中的!important，例如： 　　.yuanxin {color:#e00!important;} 　　.yuanxin {color:#000;} 　　你將會(huì)發(fā)現(xiàn)定義了樣式class="yuanxin"時(shí)，在IE下，字體顯示為紅色（#e00）。 　　但不支持同一定義中的!important。例如： 　　.yuanxin {color:#e00!important;color:#000} 　　此時(shí)在IE6下不支持，你將會(huì)發(fā)現(xiàn)定義了樣式class="yuanxin"時(shí)，字體顯示為黑色（#000）。   HTML頭部引用(if IE)Hack：針對(duì)所有IE：<!--[if IE]><!--您的代碼--><![endif]-->，針對(duì)IE6及以下版本：<!--[if lt IE 7]><!--您的代碼--><![endif]-->，這類Hack不僅對(duì)CSS生效，對(duì)寫在判斷語(yǔ)句里面的所有代碼都 會(huì)生效。 選擇器Hack：比如 IE6能識(shí)別*html ...more »

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

使用絕對(duì)定位position: absolute;定義元素時(shí)，可以用top，bottom，left，right控制元素在頁(yè)面上下左右的位置，有時(shí)我們需要元素?zé)o論頁(yè)面大小都是顯示在頁(yè)面中間時(shí)，可以使用百分比來(lái)定義，如 #purr-container { position: absolute; top: 50%; right: 50%; z-index: 99999999 !important; } 注： !important;ie7和FF可以識(shí)別，ie6不識(shí)別，可以用來(lái)區(qū)分火狐和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（從一角擴(kuò)散） <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（十字?jǐn)U散） <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（震動(dòng)出來(lái)cool） <meta http-equiv="Page-Enter" ...more »

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

以下代碼在ie6以上版本以及其他標(biāo)準(zhǔn)瀏覽器下，都可以實(shí)現(xiàn)純css的下拉菜單效果，原理是通過(guò)li:hover控制菜單的顯示隱藏。 <ul id="nav"> <li><a href="#">這是顯示的標(biāo)題1</a> <ul> <li><a href="#">這是列表中的內(nèi)容1</a></li> <li><a href="#">這是列表中的內(nèi)容2</a></li> <li><a href="#">這是列表中的內(nèi)容3</a></li> <li><a href="#">這是列表中的內(nèi)容4</a></li> </ul> </li> <li><a href="#">這是顯示的標(biāo)題2</a> <ul> <li><a href="#">這是列表中的內(nèi)容5</a></li> <li><a href="#">這是列表中的內(nèi)容6</a></li> <li><a href="#">這是列表中的內(nèi)容7</a></li> <li><a href="#">這是列表中的內(nèi)容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)

使用時(shí)直接調(diào)用函數(shù)，不需設(shè)定網(wǎng)站標(biāo)題等 <span onclick ='addFav()'> 收藏本站 </span> <span onclick ='setHomepage()'> 設(shè)為首頁(yè) </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(){ // 設(shè)置首頁(yè) if (document.all) ...more »

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

使用FCKeditor編輯器的時(shí)候，點(diǎn)開里面就會(huì)自動(dòng)添加上<P></P>的標(biāo)簽，按回車也會(huì)自動(dòng)添加上相同的標(biāo)簽，如何不讓FCKEditor自動(dòng)添加P標(biāo)簽？ 修改/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);">設(shè)為首頁(yè)</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)

網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.clientWidth 網(wǎng)頁(yè)可見區(qū)域高：document.body.clientHeight 網(wǎng)頁(yè)可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 網(wǎng)頁(yè)可見區(qū)域高：document.body.offsetHeight (包括邊線的寬) 網(wǎng)頁(yè)正文全文寬：document.body.scrollWidth 網(wǎng)頁(yè)正文全文高：document.body.scrollHeight 網(wǎng)頁(yè)被卷走的高：document.body.scrollTop 網(wǎng)頁(yè)被卷走的左：document.body.scrollLeft 網(wǎng)頁(yè)正文部分上：window.screenTop 網(wǎng)頁(yè)正文部分左：window.screenLeft 屏幕分辨率的高：window.screen.height 屏幕分辨率的寬：window.screen.width 屏幕可用勞動(dòng)區(qū)高度：window.screen.availHeight 屏幕可用勞動(dòng)區(qū)寬度：window.screen.availWidth HTML正確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 獲取東西的轉(zhuǎn)動(dòng)高度。 scrollLeft:設(shè)置或獲取位于東西左界限和窗口中目前可見內(nèi)容的最左端之間的間隔 scrollTop:設(shè)置或獲取位于東西最頂端和窗口中可見內(nèi)容的最頂端之間的間隔 scrollWidth:獲取東西的轉(zhuǎn)動(dòng)寬度 offsetHeight:獲取東西盡對(duì)付版面或由父坐標(biāo) offsetParent 屬指定 的父坐標(biāo)的高度 offsetLeft:獲取東西盡對(duì)付版面或由 offsetParent 屬指定的父坐標(biāo)的計(jì)算左側(cè)地位 offsetTop:獲取東西盡對(duì)付版面或由 offsetTop 屬指定的父坐標(biāo)的計(jì)算頂端地位 event.clientX 盡對(duì)文檔的程度座標(biāo) event.clientY 盡對(duì)文檔的筆挺座標(biāo) event.offsetX 盡對(duì)容器的程度坐標(biāo) event.offsetY 盡對(duì)容器的筆挺坐標(biāo) document.documentElement.scrollTop 筆挺偏向轉(zhuǎn)動(dòng)的值 event.clientX+document.documentElement.scrollTop 盡對(duì)文檔的程度座標(biāo)+筆挺偏向轉(zhuǎn)動(dòng)的量 IE，F(xiàn)ireFox 差別如下： IE6.0、FF1.06+： clientWidth = width + padding clientHeight = height + padding offsetWidth = width ...more »