中山php|最優(yōu)網(wǎng)絡(luò) :中山做網(wǎng)站 中山php建站
最優(yōu)良人
Category Page for: 網(wǎng)站前端
prompt彈出對話框,獲取輸入的值
2012/03/07 at 11:34 » Comments (267)
定義和用法 prompt() 方法用于顯示可提示用戶進行輸入的對話框。 語法 prompt(text,defaultText) text 可選。要在對話框中顯示的純文本(而不是 HTML 格式的文本)。 defaultText 可選。默認的輸入文本。也可以不輸入值,如果不輸入值,則返回null。 說明 如果用戶單擊提示框的取消按鈕,則返回 null。如果用戶單擊確認按鈕,則返回輸入字段當前顯示的文本。 在用戶點擊確定按鈕或取消按鈕把對話框關(guān)閉之前,它將阻止用戶對瀏覽器的所有輸入。在調(diào)用 prompt() 時,將暫停對 JavaScript 代碼的執(zhí)行,在用戶作出響應(yīng)之前,不會執(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ā)現(xiàn)定義了樣式class="yuanxin"時,在IE下,字體顯示為紅色(#e00)。 但不支持同一定義中的!important。例如: .yuanxin {color:#e00!important;color:#000} 此時在IE6下不支持,你將會發(fā)現(xiàn)定義了樣式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標簽實現(xiàn)頁面過渡效果
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實現(xiàn)下拉菜單,兼容ie6
2011/12/26 at 13:52 » Comments (449)
以下代碼在ie6以上版本以及其他標準瀏覽器下,都可以實現(xiàn)純css的下拉菜單效果,原理是通過li:hover控制菜單的顯示隱藏。 <ul id="nav"> <li><a href="#">這是顯示的標題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="#">這是顯示的標題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 »設(shè)為首頁,加入收藏js代碼(兼容ie火狐chrome主流瀏覽器)
2011/11/18 at 10:05 » Comments (224)
使用時直接調(diào)用函數(shù),不需設(shè)定網(wǎng)站標題等 <span onclick ='addFav()'> 收藏本站 </span> <span onclick ='setHomepage()'> 設(shè)為首頁 </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è)置首頁 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 »通用的設(shè)為首頁,添加收藏代碼(無需改網(wǎng)址,標題)
2011/10/26 at 09:08 » Comments (6)
<a href='#' onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage(window.location.href);">設(shè)為首頁</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獲取屏幕、瀏覽器、網(wǎng)頁的寬度,高度
2011/09/23 at 17:46 » Comments (18)
網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.clientWidth 網(wǎng)頁可見區(qū)域高:document.body.clientHeight 網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 網(wǎng)頁可見區(qū)域高:document.body.offsetHeight (包括邊線的寬) 網(wǎng)頁正文全文寬:document.body.scrollWidth 網(wǎng)頁正文全文高:document.body.scrollHeight 網(wǎng)頁被卷走的高:document.body.scrollTop 網(wǎng)頁被卷走的左:document.body.scrollLeft 網(wǎng)頁正文部分上:window.screenTop 網(wǎng)頁正文部分左:window.screenLeft 屏幕分辨率的高:window.screen.height 屏幕分辨率的寬:window.screen.width 屏幕可用勞動區(qū)高度:window.screen.availHeight 屏幕可用勞動區(qū)寬度:window.screen.availWidth HTML正確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 獲取東西的轉(zhuǎn)動高度。 scrollLeft:設(shè)置或獲取位于東西左界限和窗口中目前可見內(nèi)容的最左端之間的間隔 scrollTop:設(shè)置或獲取位于東西最頂端和窗口中可見內(nèi)容的最頂端之間的間隔 scrollWidth:獲取東西的轉(zhuǎn)動寬度 offsetHeight:獲取東西盡對付版面或由父坐標 offsetParent 屬指定 的父坐標的高度 offsetLeft:獲取東西盡對付版面或由 offsetParent 屬指定的父坐標的計算左側(cè)地位 offsetTop:獲取東西盡對付版面或由 offsetTop 屬指定的父坐標的計算頂端地位 event.clientX 盡對文檔的程度座標 event.clientY 盡對文檔的筆挺座標 event.offsetX 盡對容器的程度坐標 event.offsetY 盡對容器的筆挺坐標 document.documentElement.scrollTop 筆挺偏向轉(zhuǎn)動的值 event.clientX+document.documentElement.scrollTop 盡對文檔的程度座標+筆挺偏向轉(zhuǎn)動的量 IE,F(xiàn)ireFox 差別如下: IE6.0、FF1.06+: clientWidth = width + padding clientHeight = height + padding offsetWidth = width ...more »