苗景云的博客

html代码

<header id="header">...</header>

Js代码

$(function () {
  $(window).scroll(function () {
   100 < $(this).scrollTop() ? $("#header").addClass('navbg') : $("#header").removeClass('navbg');
  });
 });

有的时候，我们会希望屏蔽一些地区对于某一些页面的访问，又不想通过修改后台程序(比如一些内容管理程序，都是直接生成纯静态的html页面)来实现，那我们要怎么做呢，这里要解决的问题就是要动态的判断访客的ip或ip归属地，然后通过结果来判断是否屏蔽以及屏蔽后要返回的的提示内容。所以我们可以利用js来完成，真正意义的js最好链接的动态服务器脚本，这样能实现更灵活而强大的功能。

兼容IE、Firefox和Chrome的复制内容添加网址版权的代码：

<script type=”text/javascript”>
...

    var Sys = {}; 
        var ua = navigator.userAgent.toLowerCase(); 
        var s; 
        (s = ua.match(/msie ([\d.]+)/))? Sys.ie = s[1]: 
...

1. 五大浏览器判断

<script type="text/javascript">       
    var Sys = {}; 
...

最近做了个div浮动下拉菜单。但是div浮动在select下拉列表框上时，却遮不住下拉列表框。搜索了很久，感觉这种方法蛮简单的。

注：出现这种问题的浏览器是ie6,在ie7上是已经没有这个bug了。

解决方法：
只要在你的浮动div标签最后加上：

<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:-20px; left:0px; width:400px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>

简易版 JavaScript 下拉菜单。其实用 JS 实现下拉菜单比 CSS 简单多了，因为各个浏览器之间对 JS 支持的差异相比 CSS 来说要小一些，不需要花那么多心思用在对付浏览器上。如果 HTML 的结构良好，只需要很少的 JS 代码即可实现，而且可以实现多级下拉菜单的效果。

页面源代码：