雅虎的这种登录效果怎么实现?

问题描述

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>网上找的,仅供参考。

时间: 2024-08-31 10:45:32

雅虎的这种登录效果怎么实现?的相关文章

JS实现仿雅虎首页快捷登录入口及导航模块效果_javascript技巧

本文实例讲述了JS实现仿雅虎首页快捷登录入口及导航模块效果.分享给大家供大家参考.具体如下: 这是一款JS实现仿雅虎首页网站快捷入口导航模块的代码,里面有用户登录框,这个大家或许会用上吧,放到你网站着页作为用户登录也挺行. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-f-yahoo-index-login-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

Android Material Design控件学习(三)——使用TextInputLayout实现酷市场登录效果

前言 前两次,我们学习了 Android Material Design控件学习(一)--TabLayout的用法 Android Material Design控件学习(二)--NavigationView的学习和使用 今天我们继续MD控件的学习和使用.在学习之前,我们先来看一下酷市场的登录效果. 实现这种效果的正是我们今天的主角--TextInputLayout. 学习 不管学习什么,首先看它的官方文档.这是最权威,最高效的学习途径. 文档地址:http://developer.androi

java web-java 怎么实现像路由器那种的登录效果

问题描述 java 怎么实现像路由器那种的登录效果 和如下图实现的效果类似的,java能实现吗 解决方案 可以,这个就是标准的http基本验证http://blog.csdn.net/kkdelta/article/details/28419625http://blog.itpub.net/23071790/viewspace-709367/ 这样浏览器就会触发标准的对话框让你输入 解决方案二: 这就是一个弹出输入框 解决方案三: 网页版的还是弹窗的呀?网页的很简单的 解决方案四: 用网页模拟做

jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)_jquery

弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍如何使用jQuery+Ajax+PHP弹出层异步登录的应用. 效果展示        源码下载 HTML 由于本例UI部分使用了Bootstrap,以及使用jQuery插件,因此需要事先载入相关文件,推荐大家使用相关的CDN资源. <link rel="stylesheet" hre

跪求 q吧的登录 效果

问题描述 跪求q吧的登录效果http://web.qbar.qq.com/1.单击"登录"后"弹出"一个对话框2.然后该对话框的后面的窗体变模糊了3.然后该对话框的后面的窗体点不动了4.然后主窗口的滚动条点不动了!5.能否在aspx(vb)中合并使用.我希望在页面第一次打开的时候弹出该登录框谢谢!谢谢!谢谢! 解决方案 解决方案二:页面第一次打开的时候弹出该登录框--这样的用户体验不太合适吧.如果加载速度慢.用户就只能先看着灰灰的页面,不能进行其他操作了.个人觉得还

Hitwise:雅虎和微软搜索效果好于谷歌

新浪科技讯 北京时间8月13日上午消息,美国互联网流量监测机构Hiwise的最新数据显示,谷歌今年7月仍然在美国搜索市场占据主导,市场份额达到66.05%,雅虎和微软必应的份额分别为15.07%和12.98%.但雅虎和必应的效果均高于谷歌. Hitwise使用"成功率"来衡量搜索引擎提供的结果是否满足用户需要.该公司发现,雅虎的"成功率"最高,达到81.36%,必应也高达80.04%,但谷歌却仅为67.57%. Hitwise还发现,介于5至8个单词之间的长搜索环比

asp.net +jquery 弹出层登录效果

页面加载完成时: 当验证码得到焦点时: 实现这个ajax为了节约时间,用户名/密码/验证码我都没判断是否为空,我也没用数据库,登录用户名和密码都是admin 登录成功时: 这里说明一下,由于时间有限,你可以把这个登录成功或者登录失败,效果做一下,直接在登录窗口上放一个<div id="message"><div>然后设置其样式,把提示内容追加上去,根据自己个人需求来,下面贴我的全部代码: 下面我们一个个文件来看login.htm文件  代码如下 复制代码 <

仿hao123邮箱登录效果

 代码如下 复制代码 引入jQuery 是必须的 html: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"  type="text/javascript"></script>   <script src="mail.min.js" type="text/javascript"><

网易,佳人有约登录效果

我们先把上面拆解出来的功能完成! 1.透明层(显示与隐藏) 关键是要同时设置下面这几个样式,才能使主流浏览器上都现实透明的效果. filter= 'Alpha(Opacity=50)'; MozOpacity ='0.5'; opacity='0.5'; 可能很多人都知道,类似这种在透明层上现实东西的效果,多源至于一个称为lightbox的效果.这里我也这样命名: function Lightbox(id) {         this.box = this.createBox();