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

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

Javascript: Javascript初学者实例教程(5):Document对象; JS初学者实例教程(6):Document对象读取表单元素; JS初学者实例教程(7):注册表单验证; JS初学者实例教程(8):单选按钮、复选按钮; JS初学者实例教程(9):下拉菜单和链接属性; Javascript初学者实例教程(11):鼠标动作; Javascript初学者实例教程(12):访问XML节点; JavaScript类; 网页内应用JS的最好方法; JS两种定义Function非常常用的方法; 网页JavaScript运行时IE产生警告栏解决方法; 处理大量JavaScript对象的好选择:JSON; JSON(JavaScript Object Notation); javascript用法:break，continue和return语句; JS获取各种浏览器窗口的大小; JavaScript发展与互联网; IE地址栏实现的JS有趣效果和应用; Javascript如何应用到网页中; Javascript条件判断语句的小技巧; Firebug Lite使用在IE、Opera、Safari浏览器

No. « ‹ 164 165 166 167 › »

技术文章搜索

关键字

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

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

收藏到网摘: n/a

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

点击运行可以看到效果:

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

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

评论 (0) All

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