百度用户注册页面的两种技术

Question

地址:https://passport.baidu.com/v2/?reg&fr=old我用firebug 看这个的时候,有两个疑问.
一个是如图所示的,这个提示框是怎么工作的.在这个提示框隐藏的时候,可以找到他在文档中的位置,但是在这个提示框显示的时候就找不到了.
第二个疑问是gif 验证码 是怎么生成的.这个看不清 按钮也是找不到点击代码是在哪里写的.还请各位同道,前辈能多多指点下.js 验证码错误提示

Answer 1

firebug点击这个按钮第二个一个方框一个箭头的按钮后 点击你要看的元素  会自动显示出来的

Answer 2

第一个选中就隐藏字段 
未选中状态 写一行字 并设置ID 和 状态为隐藏
选中状态 获取这个ID的innerHTML并保存为一个变量 然后清除ID的HTML内容
将这个变量的值赋给 需要显示的位置 就可以了 验证码 就是点击输入框事件 <a id="TANGRAM__4__verifyCodeChange" href="#" class="pass-change-verifyCode">看不清？</a> 获取ID 然后添加事件就可以了

Answer 3

第一个问题：当你点击是显示span,然后将span移到div[id='TANGRAM__13__tip'] div[id='TANGRAM__13__tipContainer']下面，当你失去焦点时又放回原位置，你用火狐就可以看到第二个问题是在服务器端代码里生成的，把服务器端页面的路径绑定到img标签上，服务器端的原理就是按照你的想法生成动态的gif图片，然后以流的形式输出到客户端，原理就这样，自己可以试试写一个出来，在asp.net里服务器端文件用ashx格式的文件就可以