单/双Column模式的切换

Saturday, Jun 06 14:32, 2009
3 comments/560 hits
这几天忙毕业都没进一步修改网站，其实也什么大的改动了。

中午的时候突然心血来潮做了one-column和two-collumn的切换，由于iNove本身的css就写好了one-column的代码了，所以只需要给最外层的wrap这个div加上one-column就是单列，去掉就是双列的了。很简单，哈哈。而且导航那里早就有了Page without sidebar，只是原来点了没反应，现在有反应了，哈哈。

其中，碰到一个小问题，修改class的时候，因为clss是javascript的关键词，所以W3C提供了className来映射它，呵呵。现在支持IE6和Firefox，不知道别的浏览器兼容不。

切换的代码如下： 
function toggleOneCol() {
  var va = $("one_col")
  var wrap = $("wrap")
  if (va.innerHTML == "Page without sidebar"){
     va.title="Page with sidebar";
     va.innerHTML="Page with sidebar";
     wrap.className="one-column";
  } else {
     va.title="Page without sidebar";
     va.innerHTML="Page without sidebar";
     wrap.className = "";
  }  
}
哈哈，好简单啊
Author: gzguoer Categories: 西门吹血 Tags: BBBlog,  Sidebar,  Javascript