问题描述
http://cn.widget.yahoo.com/点击上方的登录,会出现仿XP关机的效果,但静态的好实现,想知道怎么才能触发后台的代码,比如实现登录或消息入库等,谢谢
解决方案
解决方案二:
ajax
解决方案三:
ajaxanddiv
解决方案四:
widge就是一个js库,你可以用它做你的一些特效
解决方案五:
js+div并实现模态的效果。
解决方案六:
见意使用js的mootools框架。这个效果还算是比较简单的。主要用了三种特效1.滑出.http://demos.mootools.net/Fx.Slide2.淡入,淡出http://demos.mootools.net/Fx.Styles这个应该是最简单了3.ajaxhttp://demos.mootools.net/Ajaxhttp://demos.mootools.net/Ajax.Formhttp://mootools.net/
解决方案七:
学习
解决方案八:
学习!
解决方案九:
varisIe=(document.all)?true:false;functionsetSelectState(state){varobjl=document.getElementsByTagName('select');for(vari=0;i<objl.length;i++){objl[i].style.visibility=state;}}functionmousePosition(ev){if(ev.pageX||ev.pageY){return{x:ev.pageX,y:ev.pageY};}return{x:ev.clientX+document.body.scrollLeft-document.body.clientLeft,y:ev.clientY+document.body.scrollTop-document.body.clientTop};}functionshowMessageBox(wTitle,content,pos,wWidth){closeWindow();varbWidth=parseInt(document.documentElement.scrollWidth);varbHeight=parseInt(document.documentElement.scrollHeight);if(isIe){//setSelectState('hidden');}varback=document.createElement("div");back.id="back";varstyleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;";back.style.cssText=styleStr;document.body.appendChild(back);showBackground(back,50);}functionshowBackground(obj,endInt){if(isIe){obj.filters.alpha.opacity+=1;if(obj.filters.alpha.opacity<endInt){setTimeout(function(){showBackground(obj,endInt)},5);}}else{varal=parseFloat(obj.style.opacity);al+=0.01;obj.style.opacity=al;if(al<(endInt/100)){setTimeout(function(){showBackground(obj,endInt)},5);}}}functioncloseWindow(){if(document.getElementById('back')!=null){document.getElementById('back').parentNode.removeChild(document.getElementById('back'));}if(document.getElementById('mesWindow')!=null){document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));}if(isIe){setSelectState('');}}///调用方法functionMessageBox(ev){varobjPos=mousePosition(ev);messContent="";showMessageBox('aa',messContent,objPos,350);}<aonclick='MessageBox(event)'>dddddddddddd</a>网上找的,仅供参考。