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

2016-02-19 10:34 6 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的使用透明叠加法美化文件上传界面的代码,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

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

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

来源:http://www.tulaoshi.com/n/20160219/1595063.html

延伸阅读
如何使用手机微云上传文件?   首先下载手机微云这是傻子都会做的我就不多说了,在使用微云是要把QQ登录,进去QQ找到微云网络文件主页面,插入USB与电脑连接,选择不要传输的文件、图片或其他资料等,点击传输。 就这样会显示连接确认键,点击确认按照提示操作即可,将手机图片之类的上传到电脑等电脑点击接收就行了。微云使...
标签: PS PS基础
这个磨皮方式可以简单的叫蓝绿通道强光叠加法,如果知道这个方式的,下面的内容可以不用看了,嘿嘿。 首先是炜摄影贴中间的一个MM的原照片。 对比 对比上面两张照片看看MM手臂,真的是年轻了十岁的皮肤啊,而且纤毛毕现,可以透出光了。 不能再P了,再P我会喜欢上这个MM的。 说下这个磨皮方式的原理。 人像里脸部的瑕疵一般都是...
VC界面的实现 作者:wwei 下载源代码 微软C++开发工具VC++由于其界面友好,实用而被许多软件开发者所模仿,但是直接用MFC来实现VC界面不仅要耗费大量时间,而且在实现类似VC工具条停靠,拉伸算法,菜单项和工具条按钮自定义功能时,由于涉及到很多关于 MFC 本身实现的细节问题很容易使程...
标签: Web开发
使用示例: upload.php ?php include_once "upload.class.php"; if ($Submit != '') {     $fileArr['file'] = $file;     $fileArr['name'] = $file_name;     $fileArr['size'] = $file_size;     $fileArr['type'] = $file_type;    &nbs...
来源:PS联盟 作者:Sener 之前我们设置图层样式的时候都习惯在同一个图层完成,简单一点的效果可能很容易完成。不过相对复杂一点的就需要用2层或多层来完成。设置的时候只要把每层的填充不透明度设置为:0%,这样设置图层样式后文字就是透明的(www.tulaoshi.com),只显示图层样式的效果。 最终效果 1、新建一个800 * 600像素的文档,背景...

经验教程

511

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部