使用透明疊加法美化文件上傳界面
更新時間:2006年12月24日 00:00:00 作者:
估計很多人都對文件域那難看的樣式無可奈何,對于一個講究完美的web系統(tǒng)來說,這種界面是無法接受的。gmail的附件添加在IE瀏覽器中實現(xiàn)了樣式自定義,讓大伙興奮了好一這,他使用的是文件域的click()方法,但客戶端的安全限制非??量?,必須結(jié)合iframe才能實現(xiàn),代碼比較繁鎖。我使用的是透明疊加法,即把文件域置于點擊目標(biāo)之上,并讓其透明,這樣用戶看到的是自定義熱區(qū),點擊的依然是瀏覽按鈕,沒有違反任何安全機制。同樣地,這種方法也支持firefox。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
javascript 單選按鈕 單擊選中 雙擊取消選擇實現(xiàn)代碼
很多情況下,我們需要對radio單選框?qū)崿F(xiàn)取消選擇,這里用js的實現(xiàn)方法,確實不錯。2010-08-08js監(jiān)聽表單value的修改同步問題,跨瀏覽器支持
今天同事測試發(fā)現(xiàn)項目中一個小bug,然后我負(fù)責(zé)解決。研究了不短的時間,終于搞定了,有點激動。呵呵。拿出來與大家分享。2009-12-12用Javscript實現(xiàn)表單復(fù)選框的全選功能
用Javscript實現(xiàn)表單復(fù)選框的全選功能...2007-05-05js下在password表單內(nèi)顯示提示信息的解決辦法
js下在password表單內(nèi)顯示提示信息的解決辦法...2007-08-08js模擬權(quán)限選擇實現(xiàn)代碼(select操作)
權(quán)限選擇頁面,選擇、撤回、全部選擇、全部撤回2012-02-02