In diesem Artikel wird beschrieben, wie JS eine coole E -Mail -Adress -Additionsfunktion implementiert. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<titels> js implementiert coole E -Mail -Adress -Additionsfunktion </title>
<style type = "text/css">
UL {Listenstil: Keine; Rand: 0; Polsterung: 0;}
li {margin: 0; Polsterung: 0;}
#Content {Breite: 100%;}
#Sendmail {float: links; Breite: 60%;}
#Friendlist {float: links; Breite: 30%;}
#BXADDRFLY {Position: absolut; Höhe: 18px; Breite: 46px; Hintergrund: #eee; Grenze: 1px #ccc Solid; Anzeige: Keine;}
#tbaddrtree {width: 126px; float: links; Polsterung: 5px; Rand: 1px #7f9db9 Solid;}
#tbaddrtree li {width: 100%; float: links;}
#TBADDRTREE A {BackGroud: #fff; Breite: 100%; Farbe: #494949; Textdekoration: Keine; float: links;}
#TBADDRTREE A: Hover {Hintergrund: #e5edf6;}
</style>
<script type = "text/javaScript">
var ev = {};
var flydiv = "bxaddrfly";
var InceptDiv = "sendAddress";
var addEvent = "addAddress ()";
Funktion oo (obj) {return (document.getElementById)? document.getElementById (obj): document.all [obj];}
Funktion ist nicht
var browser = new Object ();
Browser.isfirefox = (navigator.useragent.tolowerCase (). Indexof ("Firefox")! =-1);
if (browser.isfirefox) {extendEventObject ();}
Funktion ExtendEventObject () {
window.constructor.prototype .__ DefineGetter __ ("Ereignis", function () {
var o = argumente.callee.caller;
var e;
while (o! = null) {
e = o.Argumente [0];
if (e && (e.constructor == Ereignis || E.Constructor == MouseEvent)) return e;
o = o.caller;
}
null zurückkehren;
});
Ereignis.Prototyp .__ 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 (Ereignis)};
addrtree.onmouseout = function () {addrtree_event (Ereignis)};
addrtree.onclick = function () {addrtree_event (Ereignis)};
}
Funktion addrtree_event (e) {
var memberId, tr
var ee = e.srcelement;
if (ee.tagname == "a" && e.type == "mouseover") {ee.style.textdecoration = "unterstreichen"}
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 ")+"/"</" "+li.getAttribute (" E -Mail ")+"/">"
oo (flydiv) .innerhtml = li.getAttribute ("memberName");
addrtree_add (e.clientx, e.clienty)
}
}
Funktion 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);
}
Funktion 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;
zurückkehren;
}
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)
}
Funktion addadDresse ()
{
var key = ev.addinfo;
if (oo (InceptDiv) .Value.Indexof (Schlüssel) ==-1)
{
oo (InceptDiv) .Value+= Key+",";
}
}
</script>
</head>
<body>
<div id = "content">
<div id = "sendmail">
<input name = "textField" type = "text" id = "sendAddress" size = "70">
</div>
<div id = "Freundlist">
<div id = "tbaddrtree">
<ul>
<li membername = "zhang san" mail = "[email protected]"> <nobr> <a> Zhang san </a> </nobr> </li>
<li membername = "li si" mail = "[email protected]"> <nobr> <a> li si </a> </nobr> </li>
<li memberName = "wangwu" mail = "[email protected]"> <nobr> <a> Wangwu </a> </nobr> </li>
</ul>
</div>
<div id = "bxaddrfly"> </div>
</div>
</div>
<br />
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.