當前位置：首頁 » 網頁設計 » 網頁導航特效

網頁導航特效

發布時間: 2021-03-09 14:03:10

A. 請問這個網頁的導航欄特效如何實現

通過CSS3 實現的，CSS裡面的動畫。IE9以下是不支持的！

B. 百度首頁導航欄特效

用frontpage打開，然後再把代碼復制下來

C. 請問DW中如何讓網頁有導航效果

你說的這種情況，使用框架的方法，當然是可以實現的，也可以使用其他的方法，將在每一頁都會出現的導航部分和其他固定的部分，單獨的建立出一頁來，然後在其他的地方調用，也可以建立模板頁面來製作你需要的效果。

D. 怎樣才能讓網站導航欄做出變色的效果

設置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=gb2312" />
<title>無標題文檔</title>
<style type="text/css">

</style>
</head><body>
<table width="778" height="30" border="0" align="center" cellpadding="0" cellspacing="1" id="t">
<tr>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
<td align="center" bgcolor="#FFFFFF"><a href="#">本站首頁</a></td>
</tr>
</table>
</body>
</html>

E. 網頁導航欄透明效果怎麼做出來

background:rgba(255,255,0,0.3)
加CSS代碼就行。最後一個0.3表示透明度

F. 求幾個現在比較流行的網站導航條效果和新聞導航效果代碼

西瓜導航
javascript:window.top.space_addItem(13,4384,0,0,150,700,0);
免費導航
javascript:window.top.space_addItem(13,9114,0,0,200,600,0);
流金歲月
javascript:window.top.space_addItem(13,5330,0,0,200,600,0);
摘星
javascript:window.top.space_addItem(13,5145,0,0,200,600,0);
深海奧妙
javascript:window.top.space_addItem(13,5003,0,0,200,600,0);
豎著的免費導航
javascript:window.top.space_addItem(13,1,100,80,0,0,94);
粉可愛BUG空導航
javascript:window.top.space_addItem(13,4332,0,0,600,200,0);
睡美人豎向導航（很漂亮哦）
javascript:window.top.space_addItem(13,9758,0,0,200,600,0)

如果都不喜歡的話，可以參考下面的導航代碼：http://www.jscode.cn/jave_menu/

G. CSS+HTML+JS做的網頁導航效果

js選項卡，很多現成的你搜搜

H. 網頁導航欄特效怎麼實現

這個可以用js來實現，也可以用html來是實現，不知道你是說滑鼠懸浮變換圖版像還是權滑鼠按下變換圖像，滑鼠懸浮變換圖像是用css來做代碼是a:hvoer{background:url(../images.jpg);}

I. 誰有網頁各種特效的完整代碼（如「幻燈片」，循環滾動，導航特效）

給個郵箱，給你個資料撒，是chm格式的，要的話就給個郵箱，不要就算了。

發過去了，收一下吧。

J. 網站導航欄特效代碼！

代碼如下也就是我的網站的導航欄你可以去看看www.xiangyaotao.com

<STYLE type=text/css>
/**/
body{ font-size:12px; text-align:center; margin-top:30px; font-family:Verdana;}
div,img{margin:0; padding:0; border:0;}
ul,li{list-style-type: none; margin:0; padding:0; float:left; }
#info{ margin-left:auto; margin-right:auto;width:790px; text-align:left;}
#new{ margin-top:-12px;position: absolute;margin-left:-12px;}
#nav{ height:30px; width:778px; margin-left:auto; margin-right:auto;}
#nav li{margin-left:1px; height:30px;}
#nav li a{ display:block;float:left; text-decoration:none; background-image: url(http://www.jscode.cn/Uploadfile/200661115718239.GIF);background-repeat: no-repeat; display:block; background-position:left top;}
#nav a span{cursor:hand; color:#000;background-image: url(http://www.jscode.cn/Uploadfile/200661115735753.GIF);background-repeat: no-repeat; display:block;background-position: right top; padding:7px 10px 6px 10px; float:left; }
#nav li a:active,#nav li a:hover {margin-top:0px; }
#nav li a:active span,#nav li a:hover span {padding:10px 10px 6px 10px; margin-top:0px; display:block; color:#FFF;}
#zishu01 a:link,#zishu01 a:visited {background-position: 0px -27px;}
#zishu01 a:link span,#zishu01 a:visited span{background-position:right -27px;padding:10px 10px 6px 10px; margin-top:0; color:#FFF; font-weight:bold;}
#zishu02 a,#zishu03 a,#zishu04 a,#zishu05 a,#zishu06 a,#zishu07 a,#zishu08 a,#zishu09 a,#zishu10 a,#zishu11 a{margin-top:3px;}
#zishu02 a:active,#zishu02 a:hover {background-position: 0px -87px;}
#zishu02 a:active span,#zishu02 a:hover span{background-position:right -57px;}
#zishu03 a:active,#zishu03 a:hover {background-position: 0px -117px;}
#zishu03 a:active span,#zishu03 a:hover span{background-position:right -87px;}
#zishu04 a:active,#zishu04 a:hover {background-position: 0px -147px;}
#zishu04 a:active span,#zishu04 a:hover span{background-position:right -117px;}
#zishu05 a:active,#zishu05 a:hover {background-position: 0px -177px;}
#zishu05 a:active span,#zishu05 a:hover span{background-position:right -147px;}
#zishu06 a:active,#zishu06 a:hover {background-position: 0px -107px;}
#zishu06 a:active span,#zishu06 a:hover span{background-position:right -177px;}
#zishu07 a:active,#zishu07 a:hover {background-position: 0px -237px;}
#zishu07 a:active span,#zishu07 a:hover span{background-position:right -207px;}
#zishu08 a:active,#zishu08 a:hover {background-position: 0px -267px;}
#zishu08 a:active span,#zishu08 a:hover span{background-position:right -237px;}
#zishu09 a:active,#zishu09 a:hover {background-position: 0px -297px;}
#zishu09 a:active span,#zishu09 a:hover span{background-position:right -267px;}
#zishu10 a:active,#zishu10 a:hover {background-position: 0px -317px;}
#zishu10 a:active span,#zishu10 a:hover span{background-position:right -297px;}
#zishu11 a:link span,#zishu11 a:visited span{color:#FF6600;}
#zishu11 a:active,#zishu11 a:hover {background-position: 0px -347px;}
#zishu11 a:active span,#zishu11 a:hover span{background-position:right -327px;}
#menu{ width:750px; height:8px; background:#FF9900;}
#r1{border-top: 0px;border-bottom: 0px; border-left:3px solid #fff;border-right:3px solid #fff; height:1px; overflow:hidden;}
#r2{border-top: 0px;border-bottom: 0px; border-left:2px solid #fff;border-right:2px solid #fff; height:1px; overflow:hidden;}
#r3{border-top: 0px;border-bottom: 0px; border-left:1px solid #fff;border-right:1px solid #fff; height:1px; overflow:hidden;}
/**/
</STYLE>

<TABLE style="Z-INDEX: 100; LEFT: 115px; POSITION: absolute; TOP: 0px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: transparent" cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle>
<DIV id=info>
<DIV id=nav>
<UL>
<LI id=zishu01><A href="http://blog.sina.com.cn/m/swell"><SPAN>swell的首頁</SPAN></A> </LI>
<LI id=zishu02><A href="http://blog.sina.com.cn/u/4b38bbe201000751"><SPAN>博客首頁美化</SPAN></A> </LI>
<LI id=zishu03><A href="http://blog.sina.com.cn/u/4b38bbe201000752"><SPAN>博客插件添加</SPAN></A> </LI>
<LI id=zishu04><A href="http://blog.sina.com.cn/u/4b38bbe201000753"><SPAN>博客滑鼠美化</SPAN></A> </LI>
<LI id=zishu08><A href="http://blog.sina.com.cn/u/4b38bbe20100074x"><SPAN>博客綜合特效</SPAN></A> </LI>
<LI id=zishu05><A href="http://blog.sina.com.cn/main"><SPAN>新浪博客</SPAN></A> </LI>
<LI id=zishu06><A href="http://circle.blog.sina.com.cn/g/kuchong"><SPAN>酷蟲博客圈</SPAN></A> </LI>
<LI id=zishu07><A href="http://blog.sina.com.cn/u/1262009314#gbook_1"><SPAN>給我留言</SPAN></A> </LI>
<LI id=zishu08><A href="http://www.bokequn.cn/boke_click.aspx?id=22821"><SPAN>博客推廣</SPAN></A> </LI>
<LI>
<DIV id=new><IMG alt=重點推薦 src="http://s8.album.sina.com.cn/pic/49ae951c02000bzv"></IMG></DIV></LI></UL></DIV>
<DIV id=menu>
<DIV id=r1></DIV>
<DIV id=r2></DIV>
<DIV id=r3></DIV></DIV></DIV></TD></TR></TBODY></TABLE>
<

閱讀全文

網頁導航特效

與網頁導航特效相關的閱讀推薦