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

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

Javascript: 用jquery ajax获取网站Alexa排名的代码; jQuery Selectors(选择器)的使用(九、表单对象属性篇); javascript 数组使用方法汇总; 用于CSS代码压缩与格式化的javascript函数代码; ExtJS下grid的一些属性说明; javascript 强制刷新页面的实现代码; js 加载并解析XML字符串的代码; jquery提示 "object expected"的解决方法; 页面中iframe相互传值传参; jQuery 行背景颜色的交替显示(隔行变色)实现代码; 魔方在线秒表javascript版; JavaScript 字符串与数组转换函数[不用split与join]; javascript与asp.net(c#)互相调用方法; javascript下搜索子字符串的的实现代码(脚本之家修正版); JQuery下关于$.Ready()的分析; input 日期选择功能的javascript代码; js 页面传参数时参数值含特殊字符的问题; 读取table内容的javascript代码; 最简单的javascript对象实例代码; JQuery Tips(2) 关于$()包装集你不知道的

No. « ‹ 248 249 250 251 › »

技术文章搜索

关键字

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

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

收藏到网摘: n/a

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

点击运行可以看到效果:

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

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

评论 (0) All

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