Bmail聯系人飛來飛去效果

2024-09-06 12:43:36

字體：大中小

來源：轉載

供稿：網友

好久沒來了。本來想利用此貼寫一些關于表現，行為和結構分離的東西，但是一直沒什么時間，而且這段代碼寫的很匆忙，所以只好另找時間了。代碼在IE6,Firefox1.7,Opera9下運行了一下應該沒什么錯誤，如果有什么問題的話希望大家可以提出來。
其中fly函數塊借鑒了Bmail的代碼

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>博客郵箱飛來飛去效果演示</title> <style type="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 #7F9DB9 solid;} #tbAddrTree{ width:190px; float:left; padding:4px;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} </style> </head> <body> <input name="textfield" type="text" id="SendAddress" size="70"> <li membername="test0" email="test0@163.com">test0 <li membername="test1" email="test1@163.com">test1 <li membername="test2" email="test2@163.com">test2 <li membername="test3" email="test3@163.com">test3 <li membername="test4" email="test4@163.com">test4 <li membername="test5" email="test5@163.com">test5 <li membername="test6" email="test6@163.com">test6 <li membername="test7" email="test7@163.com">test7   </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：javascript漢字轉拼音的代碼

下一篇：用js自動判斷瀏覽器分辨率的代碼