快捷導(dǎo)航

Bmail聯(lián)系人飛來飛去效果

更新時間：2007年01月31日 00:00:00 作者：

好久沒來了。本來想利用此貼寫一些關(guān)于表現(xiàn)，行為和結(jié)構(gòu)分離的東西，但是一直沒什么時間，而且這段代碼寫的很匆忙，所以只好另找時間了。代碼在IE6,Firefox1.7,Opera9下運行了一下應(yīng)該沒什么錯誤，如果有什么問題的話希望大家可以提出來。
其中fly函數(shù)塊借鑒了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> <div   class="vvxyksv9kd"   id="content">   <div   class="vvxyksv9kd"   id="sendmail">     <input name="textfield" type="text" id="SendAddress" size="70">   </div>   <div   class="vvxyksv9kd"   id="friendlist">     <div   class="vvxyksv9kd"   id="tbAddrTree">       <ul>         <li membername="test0" email="test0@163.com"><nobr><a>test0</a></nobr></li>         <li membername="test1" email="test1@163.com"><nobr><a>test1</a></nobr></li>         <li membername="test2" email="test2@163.com"><nobr><a>test2</a></nobr></li>         <li membername="test3" email="test3@163.com"><nobr><a>test3</a></nobr></li>         <li membername="test4" email="test4@163.com"><nobr><a>test4</a></nobr></li>         <li membername="test5" email="test5@163.com"><nobr><a>test5</a></nobr></li>         <li membername="test6" email="test6@163.com"><nobr><a>test6</a></nobr></li>         <li membername="test7" email="test7@163.com"><nobr><a>test7</a></nobr></li>       </ul>     </div>     <div   class="vvxyksv9kd"   id="bxAddrFly" style="display:none;">&nbsp;</div>   </div> </div> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

Bmail聯(lián)系人飛來飛去效果

相關(guān)文章

基于Javascript實現(xiàn)倒計時功能
這篇文章主要為大家詳細介紹了基于Javascript實現(xiàn)倒計時功能的相關(guān)資料，感興趣的小伙伴們可以參考一下
2016-02-02
BootStrap中的模態(tài)框（modal，彈出層）功能示例代碼
bootstrap中的模態(tài)框（modal），不同于Tooltips，模態(tài)框以彈出對話框的形式出現(xiàn)，具有最小和最實用的功能集。這篇文章主要介紹了BootStrap中的模態(tài)框（modal，彈出層）,需要的朋友可以參考下
2018-11-11
js獲取當(dāng)前月的第一天和最后一天的小例子
這篇文章主要介紹了js獲取當(dāng)前月的第一天和最后一天的小例子，有需要的朋友可以參考一下
2013-11-11
Uniapp自定義導(dǎo)航欄并自適應(yīng)機型的實現(xiàn)方法
Uniapp 是一款跨平臺開發(fā)框架,可以同時開發(fā)出可以在多個平臺上運行的應(yīng)用,在開發(fā)過程中,我們常常需要自定義導(dǎo)航欄來滿足 UI 設(shè)計的需求,本文將介紹如何在 Uniapp 中自定義導(dǎo)航欄并自適應(yīng)不同機型的屏幕大小,需要的朋友可以參考下
2023-09-09
javascript for-in有序遍歷json數(shù)據(jù)并探討各個瀏覽器差異
這篇文章主要介紹了javascript for-in有序遍歷json數(shù)據(jù)并探討各個瀏覽器差異的相關(guān)資料,需要的朋友可以參考下
2015-11-11
uni-file-picker文件選擇上傳功能實現(xiàn)
這篇文章主要介紹了uni-file-picker文件選擇上傳,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2023-07-07
輕松實現(xiàn)javascript數(shù)據(jù)雙向綁定
這篇文章教大家輕松實現(xiàn)javascript數(shù)據(jù)雙向綁定，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2015-11-11
關(guān)于javascript sort()排序你可能忽略的一點理解
最近在研究Javascript發(fā)現(xiàn)了其中一些之前忽略的問題，所以想著總結(jié)分享出來，下面這篇文章主要給大家介紹了關(guān)于javascript sort()排序你可能忽略的一點理解，文中介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-07-07
學(xué)習(xí)Javascript閉包（Closure）知識
這篇文章主要介紹了學(xué)習(xí)Javascript閉包（Closure）知識的相關(guān)資料,需要的朋友可以參考下
2016-08-08
D3.js 實現(xiàn)帶伸縮時間軸拓撲圖的示例代碼
這篇文章主要介紹了D3.js 實現(xiàn)帶伸縮時間軸拓撲圖的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01