一级片aaaaaa,青青草原亚洲,欧美hdxxxx

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

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

以下為詳細(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寫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)閱讀: 經(jīng)典表格隔行變色程序; 深山旅行社管理系統(tǒng)免費(fèi)版 V2.3; 地瓜坊; 禁止網(wǎng)站的靜態(tài)模板被下載; 定義鏈接的樣式CSS; 我的地盤我做主之留言板模板; js兼容多個(gè)瀏覽器右下角漂浮廣告; 相愉草原旅游網(wǎng)

共有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)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號(hào)開發(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ī)抽取信息: ASP.Net利用CSS實(shí)現(xiàn)多界面的方法; uni-app開發(fā)的微信小程序在線支付; 深山留言板警察出動(dòng)效果; 山西萬(wàn)景國(guó)際旅行社晉中分公司; 昆山旅游網(wǎng); 網(wǎng)頁(yè)制作中關(guān)于瀏覽器寬度和高度的設(shè)定研究（轉(zhuǎn)載）

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

DIV+CSS做的透明菜單兼容IE、FF等 vista 項(xiàng)目頂部 dw 訪問(wèn)量無(wú)限翻轉(zhuǎn) 許愿 em rss 展開 Response 處理 JavaScript實(shí)現(xiàn)文本框提示效果 div CSS 頁(yè)面 CSS濾鏡固定 DIV CSS做的透明菜單兼容IE、FF等焦點(diǎn) time 指向 flush 排序 function 滑輪產(chǎn)品設(shè)計(jì) 三級(jí) base document 斜線 ewebeditor 改變結(jié)果數(shù)據(jù) css DW 格式 dreawmeaver 數(shù)據(jù)庫(kù) 數(shù)組 access 定位 margin 營(yíng)銷文件大小深山旅游網(wǎng)站管理系統(tǒng)V1.0 表達(dá) loading

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

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

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷