繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JQuery 浮动导航栏实现代码
- Javascript
- ext读取两种结构的xml的代码
- javascript css float属性的特殊写法
- JS网页图片查看器(兼容IE、FF)可控制图片放大缩小移动
- jQuery实例入门(表格隔行变色)
- js实例入门(简单展开或关闭)
- Ext面向对象开发实践代码
- 仿迅雷焦点广告效果(JQuery版)
- JQuery学习笔记 实现图片翻转效果和TAB标签切换效果
- 传递参数的标准方法(jQuery.ajax)
- jquery $.ajax入门应用二
- $.ajax json数据传递方法
- JavaScript使用技巧精萃[代码非常实用]
- js textarea自动下拉(带计数)图
- javascript innerHTML、outerHTML、innerText、outerText的区别
- 输入文字自动变化宽度的INPUT,带计数（图）
- 一个仿Windows UI的html table，兼容IE和firefox
- JS多个矩形块选择效果代码(模拟CS结构)
- [原创]关键字空格替换为逗号的js代码
- JavaScript CSS创建右击菜单效果代码
- js调试工具 Javascript Debug Toolkit 2.0.0版本发布
Javascript 中的 JQuery 浮动导航栏实现代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 431 ::
收藏到网摘: n/a
JQuery 浮动导航栏实现代码，具体的可以根据需要自己修改。
复制代码 代码如下:
<!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>JQuery 浮动导航栏</title>
<script type="text/javascript" src="/upload/tech/20091012/20091012100511_6a10bbd480e4c5573d8f3af73ae0454b.js"></script>
<style type="text/css">
/* 浮动导航栏 Begin */
#floatMenu
{
padding-top: 5px;
background: url(http://img.ruanchen.com/"floatMenu">
<ul class="menu1">
<li><a href="#" onclick="return false;">Home</a></li>
<li><a href="#" onclick="return false;">About Us</a></li>
<li><a href="#" onclick="return false;">Product</a></li>
<li><a href="#" onclick="return false;">Contact</a></li>
</ul>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br
/><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br
/><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br
/><br />
<script type="text/javascript">
//<![CDATA[
var name = "#floatMenu";
var menuYloc = null;
$(document).ready(function() {
menuYloc = parseInt($(name).css("top").substring(0, $(name).css("top").indexOf("px")))
$(window).scroll(function() {
offset = menuYloc + $(document).scrollTop() + "px";
$(name).animate({ top: offset }, { duration: 500, queue: false });
});
});
//]]>
</script>
</body>
</html>
评论 (0) All
