演示请看本站导航，不支持IE678。
HTML（header-navigation是用来指定导航样式的，id=header是用来驱动js的，这里id要和下面js里的document.getElementById相同）

header class="header-navigation" id="header"
 这是导航
/header

CSS

.header-navigation {
      position: fixed;
      top: 0;
      width: 100%;
      height: 60px;
      line-height: 60px;
      background-color: #333;
      text-align: center;
      box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
      z-index: 9999;
    }

/* Slide transitions */
    .slideUp {
     /* -webkit-transform: translateY(-100px);
      transform: translateY(-100px);*/
      -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      transform: translateY(-100px);
      /*transition: transform .5s ease-out;*/
      -webkit-transition: transform .5s ease-out;
      -o-transition: transform .5s ease-out;
      transition: transform .5s ease-out;
    }

    .slideDown {
      /*-webkit-transform: translateY(0);
      transform: translateY(0);*/
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
      /*transition: transform .5s ease-out;*/
      -webkit-transition: transform .5s ease-out;
      -o-transition: transform .5s ease-out;
      transition: transform .5s ease-out;
    }

More »

为了解决如题需求而临时拼凑的样式解析方案
直接看Mobile_demo

方案中有体现不同移动设备样式解析方案（部分代码直接copy腾讯网的）

<script type="text/javascript"> 
// 判断是否为移动端运行环境
// wukong.name 20130716
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
	if(window.location.href.indexOf("?mobile")<0){
		try{
			if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
				// 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式
				setActiveStyleSheet("style_mobile_a.css");
			}
			else if(/iPad/i.test(navigator.userAgent)){
				// 判断访问环境是 iPad 则加载以下样式
				setActiveStyleSheet("style_mobile_iPad.css");
			}
			else{
				// 判断访问环境是 其他移动设备 则加载以下样式
				setActiveStyleSheet("style_mobile_other.css");
			}
		}
		catch(e){}
	}
}
else{
// 如果以上都不是，则加载以下样式
setActiveStyleSheet("style_mobile_no.css");
}
// 判断完毕后加载样式
function setActiveStyleSheet(filename){document.write("<link href="+filename+" rel=stylesheet>");}
</script><link href="style_mobile_no.css" rel="stylesheet">

我以为jquery只会和其他js框架如(Dojo,Prototype,ExtJs)等发生冲突

今天用了一下My97DatePicker日历控件

当我同时引入jquery.js和/My97DatePicker/WdatePicker.js时，出现错误，日历控件不可用

应该是js库发生冲突了

做了如下改动：
 

var $j=jQuery.noConflict();

以后用jquery的时候不再用$而是$j 这样问题就解决了..

做Web开发的朋友一定都知道PNG是一个相当不错的图片格式，但是这个好的格式却在IE6时代造成了麻烦，IE6会使透明的PNG的透明部分出现#DBEAED的色彩。透明不了。使得在FF下开发表现很好的界面换成IE浏览就惨不忍睹，又逼着换成GIF，而GIF的假透明在变换背景时造成毛边现象。

刚去了www.gowindowslive.com去生成一个WLM的联系方式图标，结果发现的官方的解决方案。;)

More »

按钮式：

链接式：

More »

第一，JS延迟加载

代码如下:

第二,JS最后加载

在需要插入JS的地方插入以下代码:

当然,那个LOADING…你可以换成自己喜欢的小图片.看起来很有AJAX效果呢.

More »

推荐一款好用的侧边浮动状态栏JS代码，显示看右侧，网上的代码大部分在Firefox下QQ状态显示错位，从而影响美观，这里提供一种比较简单的解决方法！


看了一下代码，是因为在QQ打开时，会要求有一个QQR的打开窗口名，而在显示界面时，存在如下代码：

而这一句在IE下显示正常，但在Firefox却会显示成一个黑点，使得QQ图标显示错位，影响美观，解决方法是：

More »