教程集 > 脚本编程 > javascript > 正文 javascript 固定网页顶部悬浮导航菜单效果

javascript 固定网页顶部悬浮导航菜单效果

发布时间：2016-12-19 编辑：jiaochengji.com

教程集为您提供javascript 固定网页顶部悬浮导航菜单效果等资源，欢迎您收藏本站，我们将为您提供最新的javascript 固定网页顶部悬浮导航菜单效果资源

文章给你介绍了是一个javascript 固定网页顶部悬浮导航菜单效果，我们以前在新浪这经大型门户可以看到一些登录效果，一直会在顶部，有需要的朋友也可以参考一下本文章哦。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>实用的网页顶部固定悬浮效果</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <style type="text/css"> *{margin:0;padding:0;} ul,li{list-style:none;} #content{width:600px;margin:0 auto;border:1px solid #f00;} ul li.zzjs{width:400px;text-align:center;margin:20px 100px;background:#00f;color:#fff;font-size:14px;font-weight:bold;height:100px;line-height:100px;} #fudong{position:absolute;top:0;left:50%;width:900px;margin-left:-450px;height:30px;line-height:30px;text-align:center;background:#000;color:#fff;font-size:14px;font-weight:bold;z-index:2;} </style> </head> <body>

网页制作教程 http://www.jiaochengji.com

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
CSS3和jQuery实现花瓣网固定顶部位置悬浮菜单效果
 javascript 固定网页顶部悬浮导航菜单效果
 7款风格新颖的jQuery/CSS3菜单导航分享
 js 固定悬浮效果的代码分享
 jQuery右侧导航插件 Flexible Nav
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
 JS右下角悬浮广告代码的简单示例
 解决网页中使用Bootstrap固定导航时锚点偏移问题
 jQuery菜单插件 Smooth Navigational Menu
jquery导航固定效果实例

上一篇：javascript 鼠标移上图片滑出文字提示代码下一篇：javascript网页加载进度条实现代码

[关闭]

javascript 固定网页顶部悬浮导航菜单效果

最近更新

浏览排行