当前位置：首页 » 网页设计 » 网页导航特效

网页导航特效

发布时间: 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>
<

阅读全文

网页导航特效

与网页导航特效相关的阅读推荐