日期:2014-05-16  浏览次数:20385 次

新人请教两个js问题.1-如何能触发一个事件让一个按钮显示出被点击了一下的动画?2-input file透明,用其他按钮遮盖,IE7下点击有光标闪动如何解决?
如题

问题比较偏门,网上没找到有效资料 特来求教

顺便求咱们这个版块的发帖时的标签输入插件...发帖才发现 太好用了...
input css 兼容性 IE7

------解决方案--------------------
引用:
引用:1、捕捉onclick事件,如果要等待可以先 return false,动画完成后再触发 click()
2、用 display: none


感谢回复,但您可能没看明白我的问题

我现在需要对input type=file进行美化

所以我把file框做很大,并且透明.同时绝对定位了一个span作为文件路径的显示……

用a来做

<style>
/*file容器样式*/
a.files {
width:90px;
height:30px;
overflow:hidden;
display:block;
border:1px solid #BEBEBE;
text-decoration:none;
}
a.files:hover {
background-color:#FFFFEE;
background-position:0 -30px;
}
/*file设为透明,并覆盖整个触发面*/
a.files input {
margin-left:-350px;
font-size:30px;
cursor:pointer;
filter:alpha(opacity=0);
opacity:0;
}
</style>
<a href="javascript:void(0);" class="files">选择文件...<input type="file"/></a>

------解决方案--------------------
引用:
引用:第一个问题的话 是希望能点击到这个file的提交按钮后  那个假的button也可以有被点击一下的那种动画效果

这个比较费解


假设如果 你要在 file按钮提交后执行 button事件可以用 $("button").trigger("click");
假设如果 你不需要执行button的click, 那么 你在file提交后 用CSS控制假button的样式就行,
至于你的动画效果不知道是什么样的,如果是慢慢消失或者 隐藏 jquery 也有封闭的效果,如果只是做点击后的一个效果展示 就用CSS就好了。
------解决方案--------------------
1.在点击事件中,先动画,然后将具体操作添加到setTimeout(function(){//操作},500)中
2.设置样式opacity,z-index添加按钮置于其上