css 有弹动效果的网页导航 - Carterslam - ITeye博客

`

Carterslam

浏览: 203376 次
性别:
来自: 成都

最近访客更多访客>>

abc1997

gaojingsong

feiyue81

pingbutianxia

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

werty45775： <property name="allowUr ...
Spring mvc 拦截器配置心得
fly_to_the_winds：请问能拦截.jsp结尾的访问吗？
Spring mvc 拦截器配置心得
yong230：楼主能把这个SessionTimeoutException类贴 ...
Spring mvc 拦截器配置心得
daoyongyu：楼主写的挺好，谢谢！我补充一下映射路径的说明： <mv ...
Spring mvc 拦截器配置心得
liruihui：不好使，骗人的
The method getJspApplicationContext(ServletContext) is undefined for the typ

css 有弹动效果的网页导航

博客分类：

CSS

CSS Flash 脚本 XHTML HTML

阅读更多

<!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">
#nav{
list-style:none;
margin:0;
padding:5px 0 0 0;
background:red;
}
#nav li{
float:left;
display:inline;
margin-right:2px;
}
#nav a{
float:left;
width:81px;
height:28px;
text-align:center;
background:lightblue;
font:12px/24px '宋体';
color:#FFF;
text-decoration:none;
}
#nav a:hover{
line-height:28px;
background-position:0;
font-weight:bold;
color:yellow;
}
</style>
</head>
<body>
<ul id="nav">
<li><a href="http://www.jb51.net/web/">网页制作</a></li>
<li><a href="http://www.jb51.net/flash/">Flash教程</a></li>
<li><a href="http://www.jb51.net/photoshop/">PS教程</a></li>
<li><a href="http://www.jb51.net/">脚本之家</a></li>
</ul>
</body>
</html>

分享到：

Infoshare后台管理系统-->栏目参数配置 | Strut 源码下载地址

2009-10-13 04:59
浏览 978
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

css 有弹动效果的网页导航.docx: css 有弹动效果的网页导航.docx

JQuery&CSS;&CSS;+DIV实例大全.rar: 4.jQuery+CSS实现竖形动感导航菜单效果 5.jquery+div漂亮SmartMenu下拉菜单气泡透明效果 6.jQuery+div实现flash炫彩菜单插件下载 7.jquery+div实用漂亮精致的多级导航栏菜单插件代码示例 8.jQuery+ul实现...

jQuery CSS3弹性工具栏伸缩菜单代码.zip: jQuery CSS3弹性工具栏伸缩菜单代码是一款效果不错的默认只显示一个圆形按钮，单点击按钮时，子菜单项会以弹性动画展开显示二级图标导航的网页特效。 js代码 [removed][removed] [removed] $( ".button" )....

jQuery+CSS3弹性工具栏伸缩菜单代码: jQuery+CSS3弹性工具栏伸缩菜单代码是一款效果不错的默认只显示一个圆形按钮，单点击按钮时，子菜单项会以弹性动画展开显示二级图标导航的网页特效。

期末作品网页制作css+js+jquery: （3）动态改变导航菜单样式（4）制作图片轮显效果（5）制作随光标滚动的广告图片效果（6）制作光标移到某图片上显示该图片对应大图（7）制作弹出式广告，并3秒后自动关闭主题是旅游网站，网页简单不炫酷...

向上弹出导航插件.rar: 一款jQuery动画向上弹出二级菜单导航代码网页特效，可设置参数1或者0控制二级菜单弹出方向，1为向上弹出，0为向下弹出。是一款常用的jQuery菜单导航menu效果。

61个时尚网页特效: jquery左侧导航滑动网页定位效果 jQuery带进度条和标题左右箭头渐变幻灯片 jQuery抖动导航菜单效果 jQuery横向向上弹出导航菜单 jquery虚拟桌面图片拖拽 jquery角色左右选择框 jq点评网星级评论 js js+css实现上下...

jquery收集效果集合一些选项卡/菜单等很实用的特效: JS 特效选项卡菜单下拉菜单滚动特效相册特效等等网页特效素材 web div+css 3级横向导航菜单 163网盘折叠菜单 CSS下拉菜单 div显示隐藏效果 Javascrip实现相册缩略图导航的两种效果 JS 图片轮换封装中处理...

JavaScript网页特效范例宝典源码: 实例011 弹出全屏显示的网页模式对话框 16 实例012 网页拾色器 18 实例013 日期选择器 21 1.3 窗口的动画效果 26 实例014 页面自动滚动 26 实例015 打开窗口特殊效果 27 实例016 动态显示窗口 29 实例017 慢慢放大的...

javascript网页特效实例大全（13-19）: 实例388　在弹出的网页模式对话框中选择个性头像　645 实例389　时间选择器　647 实例390　弹出提示对话框并重定向网页　649 实例391　删除数据前弹出确认对话框　650 18.2　其他　651 实例392　树状导航菜单　651 ...

javascript网页特效实例大全（8-12）: 实例244　导航地图　377 8.8　播放音乐　378 实例245　为网页设置背景音乐　378 实例246　随机播放背景音乐　380 实例247　MIDI音乐选择　381 8.9　插入Flash动画　383 实例248　插入Flash动画　383 实例249　插入...

AJAX基础概念、核心技术与典型案例(内涵动态实例): 程序描述：本章将利用开源框架Prototype，讲述如何在网页中实现Windows关机效果，使读者对Prototype框架有进一步的认识。 /lightbox.html 仿Window关机效果 /lightbox.js JavaScript脚本文件第23章...

网页与Web程序设计课件 ppt 机械工业出版社 part1: 6.4.3　用CSS控制网页整体风格 117 本章小结 118 思考题 118 第7章　JavaScript 119 7.1　JavaScript概述 119 7.1.1　引例 119 7.1.2　JavaScript的特点 120 7.1.3　JavaScript与Java的区别 121 7.2　JavaScript的...

jQuery的九宫格图片布局点击弹出文字详情代码.zip: Jquery是继prototype之后又一个优秀的Javascrīpt框架，它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供...

《程序天下：JavaScript实例自学手册》光盘源码: 1.9 当前网页调用其他网页 1.10 倒计时载入页面 1.11 定义网页的关键字 1.12 进入页面同时弹出欢迎对话框 1.13 禁止网页另存 1.14 禁止页面加入缓存 1.15 离开页面时弹出对话框 1.16 判断页面是否添加了W3C声明 1.17...

Global site tag (gtag.js) - Google Analytics