新浪邮箱添加功能

var ev={};

var flyDiv="bxAddrFly";

var inceptDiv="SendAddress";

var addEvent="addAddress()";

function oo(obj){return (document.getElementById) ? document.getElementById(obj): document.all[obj];}

function isNone(str){return str==null||str==""?true:false}

var Browser = new Object();

Browser.isFirefox = (navigator.userAgent.toLowerCase().indexOf("firefox")!=-1);

if (Browser.isFirefox) { extendEventObject();}

function extendEventObject() {

window.constructor.prototype.__defineGetter__("event", function(){

var o = arguments.callee.caller;

var e;

while(o != null){

e = o.arguments[0];

if(e && (e.constructor == Event || e.constructor == MouseEvent)) return e;

o = o.caller;

}

return null;

});

Event.prototype.__defineGetter__("srcElement", function () {

var node = this.target;

while (node.nodeType != 1) node = node.parentNode;

return node;

});

}

window.onload = function(){

var addrTree = oo('tbAddrTree');

addrTree.onmouseover = function(){addrTree_event(event)};

addrTree.onmouseout = function(){addrTree_event(event)};

addrTree.onclick = function(){addrTree_event(event)};

}

function addrTree_event(e){

var memberID,tr

var ee = e.srcElement;

if(ee.tagName=="A"&&e.type=="mouseover"){ee.style.textDecoration="underline"}

if(ee.tagName=="A"&&e.type=="mouseout"){ee.style.textDecoration=""}

if(e.type=="click"&&e.srcElement.tagName=="A"){

var li=ee.parentNode.parentNode;

ev.AddInfo="\""+li.getAttribute("memberName")+"\""

oo(flyDiv).innerHTML=li.getAttribute("memberName");

addrTree_add(e.clientX,e.clientY)

}

}

function addrTree_add(ex,ey){

if(oo(flyDiv).style.display=='none'||oo(flyDiv).style.display==''){oo(flyDiv).style.display='block';}

var inceptE = oo(inceptDiv);

var inceptEX = inceptE.offsetTop;

var inceptEY = inceptE.offsetLeft;

while(inceptE = inceptE.offsetParent){

inceptEX += inceptE.offsetTop;

inceptEY += inceptE.offsetLeft;

}

ev.flyArr=new Array(ex,ey,inceptEX,inceptEY,10);

fly(flyDiv,addEvent);

}

// www.mb5u.com

function fly(flyObj,flyRun){

var obj,a=ev.flyArr,x,y

if(flyObj!=null){

if(ev.flyObj!=null){

window.clearTimeout(ev.flyTm);

ev.flyObj.style.top=-900;

}

a[5]=0;

ev.flyObj=oo(flyObj);

ev.flyRun=flyRun;

}

obj=ev.flyObj;

if(a[4]==null){a[4]=1}

a[5]+=a[4]/Math.sqrt(Math.pow(a[2]-a[0],2)+Math.pow(a[3]-a[1],2));

if(a[5]>1){

obj.style.top=-900;

eval(ev.flyRun);

ev.flyObj=null;

return;

}

window.clearTimeout(ev.flyTm);

x=(a[2]-a[0])*a[5]+a[0];

y=(a[3]-a[1])*a[5]+a[1];

obj.style.left=x;

obj.style.top=y;

document.body.style.overflowX="hidden";

ev.flyTm=window.setTimeout("fly()",10)

}

function addAddress()

{

var key=ev.AddInfo;

if (oo(inceptDiv).value.indexOf(key)==-1)

{

oo(inceptDiv).value+=key+",";

}

}

ul{ list-style:none; margin:0; padding:0;}

li{ margin:0; padding:0;}

#mrc{width:100%;}

#sendmail{float:left; width:60%;}

#friendlist{float:left; width:30%;}

#bxAddrFly{position:absolute;height:18px; width:46px;background:#EEE; border:1px #ccc solid;display:none;}

#tbAddrTree{ width:126px; float:left; padding:5px;border:1px #7F9DB9 solid;}

#tbAddrTree li{ width:100%; float:left;}

#tbAddrTree a{backgroud: #fff;width: 100%;color:#494949;text-decoration: none;float:left;}

#tbAddrTree a:hover{background: #e5edf6;}

  • 张三
  • 李四
  • 王五

html注册新浪邮箱代码,JS仿新浪邮箱点击联系人添加Email地址相关推荐

  1. html仿京东选项卡切换代码,js仿京东轮播效果 选项卡套选项卡使用

    本文实例为大家分享了js仿京东轮播效果的具体代码,实现选项卡套用选项卡,供大家参考,具体内容如下 效果图: 代码: 无标题文档 *{margin:0;padding:0;} ul{list-style ...

  2. qq列表展开多个html代码,JS仿QQ好友列表展开、收缩功能(第二篇)

    在上篇的基础上继续完善,点击一个li元素,其他li元素上的类名清除掉. 效果图如下所示: js: window.onload = function(){ var list = document.get ...

  3. DOM--操作元素案例:分时显示不同的图片以及问候语;仿淘宝关闭标签案例;隐藏显示文本框内容;仿新浪注册页面中密码长度的判定

    分时显示不同的图片以及问候语 分析: 根据不同的时间来判断,所以需要获取到系统的时间. 利用分支语言来设置不同的图片 需要更换不同的图片,因此需要操作img的元素src 需要一个div来显示不同问候语 ...

  4. lt;++mysql_php+js+mysql设计的仿webQQ-lt;1gt;邮箱验证

    最近用php+js+mysql做了一个仿webQQ的课程设计,收获很多,现在将关键的技术总结一下,供大家学习交流. <1>邮箱验证 用户在注册的时候,会在文本框里输入邮箱,这个时候通过文本 ...

  5. html5 注册协议弹出层,js制作带有遮罩弹出层实现登录注册表单特效代码分享

    本文实例讲述了js制作带有遮罩弹出层实现登录注册表单代码特效代码.分享给大家供大家参考.具体如下: 运行效果图:                     ----------------------查 ...

  6. android仿新浪引导界面

    最近在研究如何做出仿微信,仿新浪等应用,第一次安装使用的使用展示应用程序的新特性和用法. 实现功能:左右手势滑屏 底部小圆点随当前显示页跳动 浮动按钮显示.当触屏事件发生显示,否则就渐渐消失 先转个文 ...

  7. 新浪云sae怎么上传php代码,如何在新浪SAE中上传文件和在线修改模板

    我们在前面讲述在新浪SAE中如何建站,今天我们来详解如何上传文件.新浪SAE中是不允许用FTP来上传的.我们只能用它提供的专用工具,我们以SVN为例来讲述. 首先,我们要下载一个SVN工具. 下载安装 ...

  8. html模仿qq邮箱,如何实现JS仿QQ邮箱收件人选择和搜索

    如何实现JS仿QQ邮箱收件人选择和搜索 导语:通过下面教程的学习,大家可以掌握如何实现JS仿QQ邮箱收件人选择和搜索,更多详情请关注应届毕业生考试网. 页面截图: 主要html代码: To: Subj ...

  9. 仿新浪公益四色主题切换文章模板(齐博V7模板)

    =================================== 模板名称:仿新浪公益四色切换风格模板 程序内核:齐博V7 模板内容:首页 文章模型列表 内容 模板制作:奋斗的十二 技术支持:w ...

最新文章

  1. 【OpenCV 4开发详解】分割图像——分水岭法
  2. 在杭州,吃过这60样东西,人生才算完美!
  3. centos搭建rsync服务!
  4. SAP License:集团化企业的协同管理
  5. 可以随意更改规则的贪吃蛇(只要你懂,建议收藏)
  6. AI智能人脸识别很难?30行Python代码完美打造
  7. 【渝粤教育】广东开放大学 财会法规和职业道德 形成性考核 (26)
  8. OpenCV-图像处理(26、直方图反向投影(Back Projection))
  9. 湖南大学操作系统期末考试之英文PPT复习提纲
  10. 计算机网络怎么看ip地址类别,如何查找ip地址 ip地址分类介绍【图解】
  11. PAT A1096
  12. 聊聊Java中的System类
  13. Windows10下自定义桌面快捷方式图标--以Spyder为例
  14. windows 10 宽带拨号时无法开启热点,解决热点开启问题
  15. 超强大的数学计算器——WolframAlpha(含安卓下载连接)
  16. 如何看待数字藏品越来越火
  17. UnityShader(三)基础多光照+遮罩Shader
  18. mysql服务端heidisql_MySQL管理工具HeidiSQL
  19. 校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
  20. install.packages(“hgu133a.db“)报错——解决办法

热门文章

  1. Windows认证原理
  2. 关于调用百度AI接口进行图片识别的实现(C#)
  3. 全网最硬核 JVM TLAB 分析 1. 内存分配思想引入
  4. linux删除每行首字符,vim技巧:删除行首、行末的空白字符,删除空白行
  5. Linux如何记录运行的Bash命令?
  6. MAC系统免驱显卡汇总
  7. R语言train函数调参(caret包)
  8. GitLab CI Pipeline
  9. 积分电路和微分电路的特点
  10. 数组常用的API(二)