用CSS寫的網頁導航向上箭頭-菜單特效-網頁制作大寶庫免費網頁特效代碼

<menuitem id="jzhmt"></menuitem>

<ins id="jzhmt"><option id="jzhmt"></option></ins>

<ins id="jzhmt"></ins>

當前位置:主頁 > 網頁特效 > 菜單特效 > 內容

歡迎大家投稿

用CSS寫的網頁導航向上箭頭

時間:2012-03-28 14:27來源:互聯網作者:大寶庫點擊:讀取中

次

提示：您可以先修改部分代碼再運行，復制代碼和保存代碼功能在Firefox下無效。

css練習寫的實現箭頭的寫法，可以使用導航菜單鼠標放上去是狀態特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無標題文檔</title> <style type="text/css"> .wrap { width:200px; height:50px; position:relative; margin-top:50px; background:#080;} .arrow { width:0; height:0; position:absolute; left:50%; margin-left:-17px; top:-32px; font-size:0; border-width:16px; border-color:transparent transparent #080; border-style:dashed dashed solid; } </style> </head> <body> <div class="wrap"><div class="arrow"></div></div> </body> </html>

(責任編輯：大寶庫)

------分隔線----------------------------

上一篇：網頁導航菜單
下一篇：沒有了

推薦內容

CSS+div+js組合強大實現超酷菜單
htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titlecss...
目錄式導航菜單-鼠標放上的下拉菜單
!--腳本說明:第一步:把如下代碼加入head區域中--SCRIPT language=javascript!--functi...
靜態導航菜單
!--腳本說明:把如下代碼加入body區域中--BODY bgcolor=#ffffff OnLoad=setVariables()...
特酷下拉菜單
htmltitle特酷下拉菜單－網頁制作大寶庫dabaoku.com/titleheadstyle type=text/css!--...
移動菜單
HTMLHEADTITLEmoveMenu－中國站長站www.chinaz.com/TITLEMETA content=text/html; cha...
仿QQ導航菜單
htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title仿QQ...

贊助商鏈接

熱點內容

贊助商鏈接: 廣告位

梅林传奇在线看的免费网站

<menuitem id="jzhmt"></menuitem>

<ins id="jzhmt"><option id="jzhmt"></option></ins>

<ins id="jzhmt"></ins>