首 页
网络学院
视频教程
资源下载
HOT
实例教程
图文教程
专题中心
学习社区
繁體中文
当前位置:
首页
>
图文教程
>
网络编程
>
Javascript
> 使用透明叠加法美化文件上传界面
Javascript
扩展String功能方法
如何实现JS函数的重载
兼容低版本IE的JScript5.5实现
prototype.js的Ajax对象
Valerio 发布了 Mootools
理解JavaScript中的事件
Popup对象实现右键菜单
HTML DOM Viewer
页面内查找
浅谈JavaScript中面向对象技术的模拟
初学prototype,发个JS接受URL参数的代码
关于Blog顶部的滚动导航条代码
静态页面的值传递(三部曲)
[原创]防止网站内容被小偷采集的js代码
在线游戏大家来找茬II
图片预载入
滚动经典最新话题[prototype框架]下编写
一个对于Array的简单扩展
Array对象方法参考
为数据添加append,remove功能
No.
«
‹
25
26
27
28
›
»
技术文章搜索
关键字
Javascript 中的 使用透明叠加法美化文件上传界面
出处:
互联网
整理:
软晨网(RuanChen.com)
发布:
2009-10-12
浏览: 145 ::
收藏到网摘: n/a
脚本吧 - 幻宇工作室用到js,超强推荐base.js
JavaScript高级程序设计
估计很多人都对文件域那难看的样式无可奈何,对于一个讲究完美的web系统来说,这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义,让大伙兴奋了好一这,他使用的是文件域的click()方法,但客户端的安全限制非常苛刻,必须结合iframe才能实现,代码比较繁锁。我使用的是透明叠加法,即把文件域置于点击目标之上,并让其透明,这样用户看到的是自定义热区,点击的依然是浏览按钮,没有违反任何安全机制。同样地,这种方法也支持firefox。
点击运行可以看到效果:
@添加附件
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
脚本吧 - 幻宇工作室用到js,超强推荐base.js
JavaScript高级程序设计
评论 (0)
All
登陆
还没注册?