小米论坛的效果怎么实现啊发帖以后 会提示 增加1米，然后慢慢消失
日期：2014-05-16 浏览次数：20384 次
小米论坛的效果如何实现啊，发帖以后 会提示 增加1米，然后慢慢消失
小米论坛的效果如何实现啊，发帖以后 会提示 增加1米，然后慢慢消失，这个是什么提示啊，如何写js代码啊。
------解决方案--------------------
我有种发发实现 $("#addMi").hide("300") 加油~~
------解决方案--------------------
<script type="text/javascript">
function AddDiv(){
this.div=document.createElement("div");
this.fil=100;
this.opa=1;
this.time="";
this.div.innerHTML="test";
this.div.style.filter="alpha(opacity=100)";
this.div.style.opacity=1;
var b=document.getElementById("button");
var p=b.parentNode;
p.insertBefore(this.div,b);
this.disappear();
}
AddDiv.prototype.disappear=function(){
this.fil-=1;
this.opa-=0.1;
this.div.style.filter="alpha(opacity="+this.fil+")";
this.div.style.opacity=this.opa;
this.time=window.setTimeout(this.disappear.bind(this),100);
if(this.fil<=0&&this.opa<=0){
window.clearTimeout(this.time);
}
}
function add(){
new AddDiv();
}
</script>
</head>
<body>
<input type="button" onclick="add()" value="add" id="button">
</body>
这样？
------解决方案--------------------
xmlhttp
小米论坛的效果如何实现啊，发帖以后 会提示 增加1米，然后慢慢消失，这个是什么提示啊，如何写js代码啊。
------解决方案--------------------
我有种发发实现 $("#addMi").hide("300") 加油~~
------解决方案--------------------
<script type="text/javascript">
function AddDiv(){
this.div=document.createElement("div");
this.fil=100;
this.opa=1;
this.time="";
this.div.innerHTML="test";
this.div.style.filter="alpha(opacity=100)";
this.div.style.opacity=1;
var b=document.getElementById("button");
var p=b.parentNode;
p.insertBefore(this.div,b);
this.disappear();
}
AddDiv.prototype.disappear=function(){
this.fil-=1;
this.opa-=0.1;
this.div.style.filter="alpha(opacity="+this.fil+")";
this.div.style.opacity=this.opa;
this.time=window.setTimeout(this.disappear.bind(this),100);
if(this.fil<=0&&this.opa<=0){
window.clearTimeout(this.time);
}
}
function add(){
new AddDiv();
}
</script>
</head>
<body>
<input type="button" onclick="add()" value="add" id="button">
</body>
这样？
------解决方案--------------------
xmlhttp
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
