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

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

Javascript: javascript 异常处理使用总结; ExtJS扩展垂直tabLayout实现代码; JavaScript 新手24条实用建议[TUTS+]; PNG背景在不同浏览器下的应用; 实现超用户体验 table排序javascript实现代码; 利用JQuery为搜索栏增加tag提示; JQuery 前台切换网站的样式实现; WordPress JQuery处理沙发头像; js form 验证函数当前比较流行的错误提示; JQuery 无废话系列教程(一) jquery入门 [推荐]; jQuery 表单验证插件formValidation实现个性化错误提示; JQuery 入门实例1; jQuery 可以拖动的div实现代码修正版; javascript DOM对象的学习实例代码; css 二级菜单实现代码集合修正版; ExtJS GTGrid 简单用户管理; jQuery DIV弹出效果实现代码; Javascript 调试利器 Firebug使用详解六; 深入javascript json QQ网页登陆; 类似新浪网的弹出视频功能实现代码

No. « ‹ 221 222 223 224 › »

技术文章搜索

关键字

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

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

收藏到网摘: n/a

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

点击运行可以看到效果:

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

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

评论 (0) All

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