在线看片国产,亚洲精品日韩综合观看成人91,国产精选一区

模仿as效果的跳動(dòng)導(dǎo)航菜單

http://bbs.blueidea.com 2009/4/16 20:36:10 深山行者字體:大中小瀏覽 9885

以下為詳細(xì)代碼

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>模仿as效果的跳動(dòng)導(dǎo)航菜單</title>
<style type="text/css">

</style>
<script type="text/javascript">
lastNo=0
function re(menu_no){
if(lastNo!=menu_no){
cur=menu_no+1
lastNo=menu_no
rest()
}else{
cur=100
}
document.getElementById("board"+menu_no).style.visibility="visible"
}
function rest(){
for(i=1;i<=4;i++){
document.getElementById("hor"+i).style.top=20*i;
document.getElementById("board"+i).style.visibility="hidden"
}
menu_num=4;
 act=1
 height=120+20
 speed=0;
 posY=0;
}
function huke(){
if(act==1&&cur<100){
speed=(height-posY)*0.69+speed*0.6
posY+=speed
for(i=cur;i<=menu_num;i++){
document.getElementById("hor"+i).style.top=posY+(i-2)*20
}
if(Math.abs(height-posY)<0.5){
for(i=cur;i<=menu_num;i++){
document.getElementById("hor"+i).style.top=height+(i-2)*20
}
act=0
}
setTimeout("huke()",50)
}
}
</script>
</head>
<body>
<div id="hor1" onclick="re(1);huke()">News</div>
<div id="hor2" onclick="re(2);huke()">Populor</div>
<div id="hor3" onclick="re(3);huke()">Sports</div>
<div id="hor4" onclick="re(4);huke()">Woman</div>
<div id="board1">1.由AS而想起Javascript<br />2.用Jscript寫(xiě)ASP有沒(méi)有先天性的不足？<br />3.沒(méi)有了。</div>
<div id="board2">1.xhtml+css真的來(lái)了嗎？<br />2.Flash取代傳統(tǒng)網(wǎng)站<br />3.Flash何時(shí)才能連接數(shù)據(jù)庫(kù)？</div>
<div id="board3">1.程序員與小姐的10個(gè)相同。<br />2.中國(guó)的程序員與中國(guó)的足球？</div>
<div id="board4">1.二十一世紀(jì)最缺的是什么?人才<br />
<a href="#" target="_blank">aaaaaaaaaaaaaaaaaa</a>
<a href="#" target="_blank">bbbbbbbbbbbbbbbbbbbbbbbb</a></div>
</body>
</html>

前一頁(yè):利用javascript仿的漂亮的flash效果的菜單

后一頁(yè):仿淘寶網(wǎng)站的導(dǎo)航標(biāo)簽效果！

相關(guān)閱讀: 利用position把div放在flash上; 利用DIV+CSS做的柱狀圖（3）; 設(shè)置自己個(gè)性的網(wǎng)頁(yè)滾動(dòng)條附詳細(xì)介紹; python加Appium判斷滑動(dòng)是否到達(dá)屏幕底部; asp自定義格式化日期函數(shù); 旅行社企業(yè)單位團(tuán)隊(duì)游主題定制; 連云港酒店預(yù)訂網(wǎng)站; jquery獲得當(dāng)前所有input表單數(shù)據(jù)并進(jìn)行序列化的各種問(wèn)題與解決方案serialize與serializeArray的區(qū)別分析

共有0條關(guān)于《模仿as效果的跳動(dòng)導(dǎo)航菜單》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱:
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號(hào)開(kāi)發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

更多>>同類信息: div+CSS的無(wú)限級(jí)擴(kuò)展下拉菜單(全部加了注釋); 經(jīng)典的仿藍(lán)色理想TAB橫向下拉菜單效果; 純div+css制作的彈出菜單-05; 純div+css制作的彈出菜單-04; 純div+css制作的彈出菜單-02; 純div+css制作的彈出菜單-02

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 佳達(dá)國(guó)際貨運(yùn)代理有限公司; 詳談CSS設(shè)計(jì)中import與link的區(qū)別所在; 深山留言板2.14情人節(jié)留言板模板v4.6; 微信公眾平臺(tái); 旅行社網(wǎng)站模板7; 取得鼠標(biāo)所在位置的對(duì)象

更多標(biāo)簽熱門標(biāo)簽

考試翻轉(zhuǎn) loading 目標(biāo) flush clear 閉合按鈕 radio 操作文字 email 增大 table 用戶體驗(yàn) 移動(dòng) 間隔 png24 ewebeditor 插件旅行社 DIV+CSS做的透明菜單兼容IE、FF等文本框圖片滑過(guò) 九宮格 ie6 記錄 VBScript overflow 舒服獲得文化利用position把div放在flash上選擇框 dw 訪問(wèn)量管理天氣預(yù)報(bào) 表達(dá) exe 密碼指向樣式比例 letter-spacing PSD 查找統(tǒng)計(jì) 文字樣式 Application

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

模仿as效果的跳動(dòng)導(dǎo)航菜單