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

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

Javascript: 有趣的script标签用getAttribute方法来自脚本吧; 学习YUI.Ext 第二天; 学习YUI.Ext 第三天; 学习YUI.Ext第五日--做拖放Darg&Drop; 学习YUI.Ext 第六天--关于树TreePanel(Part 1); 学习YUI.Ext 第七天--关于View&JSONView; 学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点); 对YUI扩展的Gird组件 Part-2; Gird事件机制初级读本; 为Yahoo! UI Extensions Grid增加内置的可编辑器; 如何简单地用YUI做JavaScript动画; (function(){})()的用法与优点; JS层移支示例代码; 如何在Web页面上直接打开、编辑、创建Office文档; 网页中实现浏览器的最大，最小化和关闭按钮; [原创]js与自动伸缩图片自动缩小图片的多浏览器兼容的方法总结; 图片自动缩小的js代码,用以防止图片撑破页面; 收藏一些不常用，但是有用的代码; 解决 firefox 不支持 document.all的方法; 用ajax实现的自动投票的代码

No. « ‹ 55 56 57 58 › »

技术文章搜索

关键字

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

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

收藏到网摘: n/a

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

点击运行可以看到效果:

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

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

评论 (0) All

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