中山php|最優(yōu)網絡 ：中山做網站 中山php建站
最優(yōu)良人
Category Page for: 網站前端
prompt彈出對話框，獲取輸入的值
2012/03/07 at 11:34 » Comments (267)
定義和用法 prompt() 方法用于顯示可提示用戶進行輸入的對話框。 語法 prompt(text,defaultText) text 可選。要在對話框中顯示的純文本（而不是 HTML 格式的文本）。 defaultText 可選。默認的輸入文本。也可以不輸入值，如果不輸入值，則返回null。 說明 如果用戶單擊提示框的取消按鈕，則返回 null。如果用戶單擊確認按鈕，則返回輸入字段當前顯示的文本。 在用戶點擊確定按鈕或取消按鈕把對話框關閉之前，它將阻止用戶對瀏覽器的所有輸入。在調用 prompt() 時，將暫停對 JavaScript 代碼的執(zhí)行，在用戶作出響應之前，不會執(zhí)行下一條語句。 以下的代碼彈出一個對話框，用戶輸入密碼，然后提交表單 function fn_check( theForm ) { var m = prompt ( "請輸入新密碼" , "" ) ; if ( m ) { m = trimString(m); if ...more »CSS hack之!important;下劃線，星號
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;} 你將會發(fā)現定義了樣式class="yuanxin"時，在IE下，字體顯示為紅色（#e00）。 但不支持同一定義中的!important。例如： .yuanxin {color:#e00!important;color:#000} 此時在IE6下不支持，你將會發(fā)現定義了樣式class="yuanxin"時，字體顯示為黑色（#000）。 HTML頭部引用(if IE)Hack：針對所有IE：<!--[if IE]><!--您的代碼--><![endif]-->，針對IE6及以下版本：<!--[if lt IE 7]><!--您的代碼--><![endif]-->，這類Hack不僅對CSS生效，對寫在判斷語句里面的所有代碼都 會生效。 選擇器Hack：比如 IE6能識別*html ...more »絕對定位的div顯示在屏幕中間
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不識別，可以用來區(qū)分火狐和ie6 more »IE下利用meta標簽實現頁面過渡效果
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 »純css實現下拉菜單，兼容ie6
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 »設為首頁，加入收藏js代碼（兼容ie火狐chrome主流瀏覽器）
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 »fck編輯的時候不要自動加p標簽
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 »JS判斷瀏覽器是ie6，ie7，ie8還是火狐
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 »JS獲取屏幕、瀏覽器、網頁的寬度，高度
2011/09/23 at 17:46 » Comments (18)
網頁可見區(qū)域寬：document.body.clientWidth 網頁可見區(qū)域高：document.body.clientHeight 網頁可見區(qū)域寬：document.body.offsetWidth (包括邊線的寬) 網頁可見區(qū)域高：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 屏幕可用勞動區(qū)高度：window.screen.availHeight 屏幕可用勞動區(qū)寬度：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 »返回菜單
