使用透明叠加法美化文件上传界面- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 使用透明叠加法美化文件上传界面

Javascript: [JS源码]超长文章自动分页（客户端版）; 注意 JavaScript 中 RegExp 对象的 test 方法; JavaScript快速排序; 写的一段拖动对象的代码; 用js取得鼠标所在位置的对象; 如何在一段文字里点一下就可以在里面插入一段文字？; 用js+cookie记录滚动条位置; 记录滚动条位置（使用userdate）; 强效、方便的表单通用检测JS 不错; 个人总结的一些关于String、Function、Array的属性和用法; 数据排序谁最快(javascript中的Array.prototype.sort PK 快速排序); Prototype最新版(1.5 rc2)使用指南(1); Prototype使用指南之string.js; Prototype使用指南之base.js; Prototype使用指南之enumerable.js; Prototype使用指南之array.js; Prototype使用指南之range.js; Prototype使用指南之ajax; Prototype使用指南之dom.js; Prototype使用指南之selector.js

No. « ‹ 41 42 43 44 › »

技术文章搜索

关键字

Javascript 中的使用透明叠加法美化文件上传界面

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 199 ::

收藏到网摘: n/a

估计很多人都对文件域那难看的样式无可奈何，对于一个讲究完美的web系统来说，这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义，让大伙兴奋了好一这，他使用的是文件域的click()方法，但客户端的安全限制非常苛刻，必须结合iframe才能实现，代码比较繁锁。我使用的是透明叠加法，即把文件域置于点击目标之上，并让其透明，这样用户看到的是自定义热区，点击的依然是浏览按钮，没有违反任何安全机制。同样地，这种方法也支持firefox。

点击运行可以看到效果:

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Javascript 中的 使用透明叠加法美化文件上传界面

评论 (0) All

Javascript 中的使用透明叠加法美化文件上传界面