濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > 用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼

用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼

熱門標(biāo)簽:地圖標(biāo)注樓盤 隨州外呼系統(tǒng)廠家 蘇州做電話機(jī)器人 ai電話機(jī)器人效果差 南昌電話機(jī)器人系統(tǒng) 地圖標(biāo)注微信好友 南山電話機(jī)器人 沈陽(yáng)400電話辦理多少錢 快速更改地圖標(biāo)注點(diǎn)標(biāo)

在WEB上傳文件時(shí),要用到上傳框: 
input type="file" id="f" name="f"> 
       這東東在IE(其他偶沒(méi)經(jīng)過(guò)測(cè)試)中是一個(gè)非常特殊的對(duì)象。 如果是您手動(dòng)寫入的或其他對(duì)象經(jīng)過(guò)某些事件觸發(fā)填入的值 ,由于安全問(wèn)題,在進(jìn)行提交表單時(shí),往往會(huì)被清空,所以上傳失敗。 簡(jiǎn)單點(diǎn)說(shuō),除非你的鼠標(biāo)親自點(diǎn)到了上傳框f上,IE才會(huì)給你上傳文件! 

哪怕你將 f 的onclick句柄賦給某個(gè)對(duì)象,如: 
input type="file" id="f" name="f"> 
input onclick="f.click()" value="點(diǎn)擊"> 
       你 “點(diǎn)擊” 后,同樣會(huì)彈出文件選擇對(duì)話框,可惜失望地:你照樣不能上傳文件! 怎么辦呢? 看下這段:
BODY onmousemove="f.style.pixelLeft=event.x-200;f.style.pixelTop=event.y-10;"> 
input type="text">input type="button" onmousemove=""> 
input type="file" id="f" name="f" style="position:absolute;"> 
/BODY>
隨便點(diǎn)擊鼠標(biāo),看到效果了吧? 基于上面的思路,偶們就可以把它弄到一個(gè)button下面就OK了?。?


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

為了達(dá)到真正模擬的效果,還得要把f給隱藏,加個(gè)不透明的alpha 濾鏡即可,再加上 hidefocus 屬性,隱藏f的虛線:


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

可以看下opacity=0改為稍大些的效果。 

OK了,現(xiàn)在你就可以控制它們的樣式、位置了。。。 

您可能感興趣的文章:
  • 純JavaScript實(shí)現(xiàn)HTML5 Canvas六種特效濾鏡示例
  • js模擬濾鏡的圖片漸顯效果
  • css濾鏡實(shí)現(xiàn)頁(yè)面灰色黑白色效果代碼
  • CSS濾鏡參考
  • css濾鏡效果(一)
  • 用css濾鏡實(shí)現(xiàn)的文字描邊效果的代碼
  • CSS濾鏡示范(filter)附源代碼(靜態(tài)濾鏡)
  • css靜態(tài)濾鏡 + A:Hover 效果
  • css濾鏡效果(二)
  • canvas濾鏡效果實(shí)現(xiàn)代碼

標(biāo)簽:大同 濰坊 濰坊 商洛 玉樹 石家莊 昭通 深圳

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼》,本文關(guān)鍵詞  用,css,alpha,濾鏡,實(shí)現(xiàn),input,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于用css alpha 濾鏡 實(shí)現(xiàn)input file 樣式美化代碼的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    将乐县| 迭部县| 伊宁市| 建湖县| 嵊泗县| 墨竹工卡县| 靖江市| 双城市| 涞源县| 定日县| 澄江县| 新兴县| 诏安县| 巴楚县| 上林县| 灵丘县| 江油市| 都安| 瑞安市| 武定县| 行唐县| 武义县| 赤水市| 万全县| 鄄城县| 鹿邑县| 黄陵县| 慈溪市| 葫芦岛市| 盱眙县| 睢宁县| 泊头市| 台东市| 个旧市| 修武县| 武强县| 禄丰县| 十堰市| 长宁县| 台湾省| 康平县|