`
stride
  • 浏览: 59127 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

用CSS简单实现的点按钮选择文件的小例子

CSSIE浏览器HTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style type="text/css">
<!--
a.input_file_container{
	display:block;
	float: left;
	overflow: hidden;
	position:relative;
	width: 55px;
	height: 20px;
	border: 1px solid black;
	font-size: 10pt;
	line-height: 20px;
	text-align:center;
	color: black;
	text-decoration: none;
}
a.input_file_container:hover{
	background-color: #ECFFEE;
	border: 1px solid #268C00;
}
.input_file{
	width:75px;
	position: absolute;
	cursor: pointer;
	left: -5px;
	filter:alpha(opacity=1); /* IE */
	-moz-opacity:0.01; /* Moz + FF */
	opacity: 0.01; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 
}
-->
</style>
</HEAD>
<BODY>
<form action='http://g.cn'>
	<a href='####' id="inputFileContainer" class="input_file_container">
		<input type=file id='file1' name='file1' class='input_file' onchange='this.form.submit()' hidefocus="true" />
		浏览 ...
	</a>
</form>
</BODY>
</HTML>
0
顶
0
踩
分享到：
| JRockit JAVA内存溢出检测的使用（CHM）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Css做的超炫图片效果

    如今DIV+CSS的网站设计成为主流，越来越的图片不直接插在HTML中而选择用CSS来展示了，这为仿站带来很大...然后按“选择”按钮选择下载的css文件。 5、点击“开始分析css”按钮。等分析完成后，点击“下载”按钮，即可。

    用纯JS实现水晶按钮效果

    最近找到的一个老外写的用纯JS和CSS来实现的漂亮的水晶按钮效果，不需要任何图片，代码也封装的比较好，具体看压缩文件的例子

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    程序描述：本章使用Prototype封装的Ajax对象实现上传文件时显示进度条的功能。当上传文件时，客户端同时显示文件上传的进度，从而及时了解文件传送情况。 /test.html 上传文件 /periodcal.jsp 上传文件...

    editplus 代码编辑器html c++ jsp css

    因为这几个字符在行中也是出现的,所以肯定不能用简单的替换实现 比如 12345 1265345 2345 需要删除每行末尾的“345” 这个也算正则表达式的用法，其实仔细看正则表达式应该比较简单，不过既然有这个问题提出，说明对...

    JAVA上百实例源码以及开源项目

    1个目标文件，JNDI的使用例子，有源代码，可以下载参考，JNDI的使用，初始化Context,它是连接JNDI树的起始点，查找你要的对象，打印找到的对象，关闭Context…… ftp文件传输 2个目标文件，FTP的目标是：（1）提高...

    jQuery实现文件上传进度条特效

    上传进度条通常是由前面jquery加后端了脚本器脚本来实现了，今天我们介绍的是一款基本php+jQuery实现文件上传进度条效果的例子，具体细节如下。 最近呢，一个项目做一个进度条的效果出来，这个之前还真没做过。刚好...

    JAVA上百实例源码以及开源项目源代码

    1个目标文件，JNDI的使用例子，有源代码，可以下载参考，JNDI的使用，初始化Context,它是连接JNDI树的起始点，查找你要的对象，打印找到的对象，关闭Context…… ftp文件传输 2个目标文件，FTP的目标是：（1）提高...

    asp无组件文件上传

    无组件,asp admin ： 后台管理相关图片 ...css ： 样式文件 db : 数据库文件 dialog ： 对话框相关文件 example ： 例子 include ： 公用包含文件 sysimage ： 系统图片 uploadfile ： 默认的上传文件目录

    ui-choices:角度限制，引导程序样式（多个）选择按钮组指令

    ui选择引导样式/语义UI（多个）选择按钮组指令的Angularjs绑定。 它遵循bootstrap 3.0 button css类的命名，因此您可以直接使用bootstrap.css设置按钮样式。 “ ui-choices”用livescript和sass编写。例子有现场演示...

    DataTables自行封装请求参数和返回数据的零耦合服务端分页示例（PHP&JAVA）

    使用方法： 支持JAVA和PHP两种后台。 PHP：直接将WebRoot下的文件放到php服务器上直接运行即可，记得启用sqlite3。 JAVA：修改user-manage.js，将访问后台的url由"datasource.php"改为"datasource.jsp"，然后将Web...

    云应用开发 ——Google App Engine & Google Web Toolkit入门指南

    5.2 通过CSS装饰控件 5.3 通过代码修改控件 5.4 实例——火车时刻表 第6章 通信机制 6.1 RPC机制 6.1.1什么是RPC 6.1.2接口函数实现 6.1.3可序列化 6.1.4 注册服务 6.1.5 使用服务 6.1.6 实例——股票价格表...

    codepen-prefill:轻松地从本地HTMLJSCSS文件创建新笔

    剩下的就是单击“保存”按钮。 安装 $ npm install -g codepen-prefill 例子 $ codepen-prefill index.html 它可以用于在CodePen上快速预览markdown文件： $ codepen-prefill README.md 在CodePen上编辑JS文件：...

    精通JavaScript

    数据库使用MS Access 2000以上 2．本书所附光盘实例代码： 第1章（\第1章） 查看1.2.htm中noscript显示效果的方法如下： 1．将该实例复制到C:\Inetpub\wwwroot下； 2．选择浏览器的“工具”－“安全”－“本地...

    asp.net知识库

    使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的功能 XmlHttp实现无刷新三联动ListBox 鼠标...

    XML官方指南中文版(CHM) 下载

    怎样使用最新的CSS行为选择器来产生动态目录。 XML技术 XML技术重要的是理解和发展XML应用。 -------------------------------------------------------------------------------- XML实例 XML 例子 ...

    eWebEditorV2.80

    css ： 样式文件 db : 数据库文件 dialog ： 对话框相关文件 example ： 例子 include ： 公用包含文件 sysimage ： 系统图片 uploadfile ： 默认的上传文件目录 安装 ============================= 1、解开...

    Sublime Text3_64.rar

    举个例子，多个文件中有同一段代码时，可用以下的步骤快速编辑： 按Command + Shift + F在Find框中输入待查找的代码。可按Command + E快速使用选择中的代码段。 在Where框中指定需要查找的文件范围，或填写表示...

Magicbox
Global site tag (gtag.js) - Google Analytics