这个是用什么做的呢?

[coln_cheng]

这个效果如何做啊?放上去的时候那种动的效果....

[tantaiyizu]

看不到图片。。。

[coln_cheng]

http://topic.csdn.net/u/20071224/15/6e3710d2-56d6-4512-8fe4-ea817115fee4.html

不好意思啊,你到这个帖子上看一下,我重发了

[cloudgamer]

参考http://diy520.net/temp/9.htm

[xsunzhigang]

<div class="mod" id="pa">
<div class="hd">
<!--before login-->
<div class="login">
<form autocomplete="off" method="post" action="https://edit.bjs.yahoo.com/config/login" name="login_form">
<fieldset>
<legend>用户登录</legend>
<input type="hidden" value="cn" name=".intl"/>
<input type="hidden" name=".src" value=""/>
<input type="hidden" value="http://cn.rd.yahoo.com/home/yhp2007/login/tomailpage/*http://cn.mail.yahoo.com/" name=".done" id="loginToUrl"/>
<input type="hidden" value="WCW9adasbOzCFSGUUgE6QMkQ3Xo." name=".challenge"/>
<span class="item"><input type="text" id="emailinput" tabindex="1" class="inp" size="15" name="login" autocomplete="off" style="color: rgb(143, 154, 160);"/>
<i><input type="radio" tabindex="3" checked="true" onclick="onChoosePage('to_standby')" id="to_standby" name=".savto"/><label for="to_standby">留在首页</label> <input type="radio" tabindex="4" id="to_intoemail" onclick="onChoosePage('to_intoemail')" name=".savto"/><label for="to_intoemail"><b class="intoemail">进入邮箱</b></label></i>
</span>
<span class="item"><input type="text" tabindex="1" class="inp" size="15" name="c_pwd" style="color: rgb(143, 154, 160);"/><input type="password" tabindex="2" class="inp" size="15" name="passwd" style="display: none;"/>
<button tabindex="6" type="submit" class="bn_login"><strong>登录</strong></button>
<span class="reg"><input type="checkbox" tabindex="5" id="sav_stat" name=".persistent"/><label for="sav_stat" class="bnhelp">记住状态</label></span>
</span></fieldset>
</form>
</div>
<div class="register">
<span class="reg"><a name="yhp2007/login/signup" target="_blank" href="https://member.cn.yahoo.com/cnreg/reginfo.html?id=10000">免费注册</a></span>

<span><a name="yhp2007/login/password" target="_blank" href="http://edit.bjs.yahoo.com/config/eval_forgot_pw?new=1&.done=http://cn.yahoo.com/&.src=&partner=&.intl=cn&pkg=&stepid=&.last=">忘记密码?</a></span>
</div>
<!--//before login-->
</div>
<div style="position: relative;" class="bd" id="ycnfp_pa_tabs_container">
<div id="emailct"><div class="yui-ac-content" style="display: none;"><div class="yui-ac-hd" style="display: block;"><div id="yc_header">请选择您的邮箱地址</div></div><div class="yui-ac-bd"><ul><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/><li style="display: none;"/></ul></div><div class="yui-ac-ft" style="display: none;"/></div></div>
<div id="pa_tabs_a">
<ul>
<li><span class=""><a name="yhp2007/login/mail" target="_blank" class="pamail" href="http://cn.mail.yahoo.com/?id=10101"><em>邮箱</em></a></span></li><li><span><a name="yhp2007/login/space" target="_blank" class="paspa" href="http://i.cn.yahoo.com/"><em>空间</em></a></span></li>
<li><span><a name="yhp2007/login/photo" target="_blank" class="paalbum" href="http://gallery.i.cn.yahoo.com/"><em>相册</em></a></span></li>
</ul>
</div>
<div id="pa_tabs_a_preview" style="height: 1px;"/>
<div id="pa_tabs_b">
<ul>
<li><span><a name="yhp2007/login/blog" target="_blank" class="pablog" href="http://blog.i.cn.yahoo.com/"><em>博客</em></a></span></li>
<li><span class=""><a name="yhp2007/login/group" target="_blank" class="pagroups" href="http://club.cn.yahoo.com/"><em>群组</em></a></span></li>
<li><span><a name="yhp2007/login/stock" target="_blank" class="pastock" href="http://cn.biz.yahoo.com/stock.html"><em>股票</em></a></span></li>
</ul>
</div>
<div id="pa_tabs_b_preview" style="height: 1px;"/>
</div>
</div>

[xsunzhigang]

上面就是实现他效果的代码。