DHTML页面飞动与随机出现名人名言效果

king_tt

浏览: 2107640 次
性别:
来自: 深圳

最近访客更多访客>>

u012363178

liangjijiang

jacky_dai

ljmomo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2017-01 ( 5)
2016-12 ( 132)
2016-11 ( 17)
更多存档...

<script language="javascript" type="text/javascript" src="http://www.feedsky.com/msub_ajax_sub_js.html?burl=softwave&t=1&c=orange"></script>
代码在IE6,Firefox1.7,Opera9下运行了通过。

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<title>博客邮箱飞来飞去效果演示</title>

<scripttype="text/javascript">

/**

*@authorcuilinwww.cuilin.name

*@mail:cuilin0@gmail.com

varev={};

varflyDiv="bxAddrFly";//发送的层

varinceptDiv="SendAddress";//负责接收层效果的控件

varaddEvent="addAddress()";//层发送成功后的接收事件

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

functionisNone(str){returnstr==null||str==""?true:false}

//=================兼容Firefox/Event=================

//因为要将表现与行为分离所在此处浪费了很多代码

varBrowser=newObject();

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

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

functionextendEventObject(){

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

varo=arguments.callee.caller;

vare;

while(o!=null){

e=o.arguments[0];

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

o=o.caller;

}

returnnull;

});

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

varnode=this.target;

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

returnnode;

});

}

window.onload=function(){

varaddrTree=oo('tbAddrTree');

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

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

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

}

functionaddrTree_event(e){

varmemberID,tr

varee=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"){

varli=ee.parentNode.parentNode;

ev.AddInfo="""+li.getAttribute("memberName")+""<""+li.getAttribute("email")+"">"

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

addrTree_add(e.clientX,e.clientY)

}

functionaddrTree_add(ex,ey){

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

//此处获取控件的坐标

varinceptE=oo(inceptDiv);

varinceptEX=inceptE.offsetTop;

varinceptEY=inceptE.offsetLeft;

while(inceptE=inceptE.offsetParent){

inceptEX+=inceptE.offsetTop;

inceptEY+=inceptE.offsetLeft;

}

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

fly(flyDiv,addEvent);

}

functionfly(flyObj,flyRun){

varobj,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)

}

//事件处理

functionaddAddress()

{

varkey=ev.AddInfo;

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

{

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

}

</script>

<styletype="text/css">

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

li{margin:0;padding:0;}

#content{width:100%;}

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

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

#bxAddrFly{position:absolute;height:15px;width:50px;background:#e5edf6;border:1px#7F9DB9solid;display:none;}

#tbAddrTree{width:190px;float:left;padding:4px;border:1px#7F9DB9solid;}

#tbAddrTreeli{width:100%;float:left;}

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

#tbAddrTreea:hover{background:#e5edf6;}

</style>

</head>

<body>

<divid="content">

<divid="sendmail">

<inputname="textfield"type="text"id="SendAddress"size="70">

</div>

<divid="friendlist">

<divid="tbAddrTree">

<ul>

<limembername="test0"email="test0@163.com"><nobr><a>test0</a></nobr></li>

<limembername="test1"email="test1@163.com"><nobr><a>test1</a></nobr></li>

<limembername="test2"email="test2@163.com"><nobr><a>test2</a></nobr></li>

<limembername="test3"email="test3@163.com"><nobr><a>test3</a></nobr></li>

<limembername="test4"email="test4@163.com"><nobr><a>test4</a></nobr></li>

<limembername="test5"email="test5@163.com"><nobr><a>test5</a></nobr></li>

<limembername="test6"email="test6@163.com"><nobr><a>test6</a></nobr></li>

<limembername="test7"email="test7@163.com"><nobr><a>test7</a></nobr></li>

</ul>

</div>

<divid="bxAddrFly"> </div>

</div>

</body>

</html>

另附代码：名人名言,每次刷新都不同。

<divid="footer">

<divid="innerFooter">

<SCRIPTLANGUAGE="JavaScript"src="http://www.fnqn.com/Adage/Adage.js"></SCRIPT>

<divid="processtime">

</div>

转自【蓝色经典论坛http://bbs.blueidea.com/thread-2716964-1-1.html】  <script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script>

分享到：