91uu浮云【javascript实现】
上一章节我们讲到，webos 桌面的 html代码是从后台直接打印出来，那么完整打印好那些html元素，接下来我们要用js 去初始化一些东西。
?
91uu浮云【javascript实现】
?
在这边我大概讲解我们要去实现的功能：
?
初始化界面【内容方位，分页，切换卡】
?
那么这个系统是webos，我们就定义一个这样的一个类，下面我是用闭包的写法，闭包主要是让变量不受外部影响。
?
还有一点是这里用的是闭包静态类的写法。用户不用实例。
?
(function() {?
var WebOS = {
?
};
window.WebOS = WebOS;
})();
?
以上就简的把webos类写了一下，接下来我们来实现一些功能。
?
之前说过 后台代码已经把我们要的东西打印到 页面上了。
?
那么我们就进行前期工作，那就是初始化它。让页面成为我们想要看到的东西。
?
好，对类添加一个方法init,并带有参数备后用
?
?
subappsInit:function(){var subapp = $('.subapps').parent('li'),ww = $(window).width();for(var i = 0;i<subapp.length; i++){var $item = $(subapp[i]),$sa = $item.find('.subapps'),lw = $item.width(),ll = $item.offset().left + 120,saw = $sa.width();if(ww>lw+saw && ll + saw > ww){$sa.addClass('subapps-right');} else{$sa.removeClass('subapps-right');}} }?这样子就可以ok的做完了。
上一章：?91uu浮云【桌面webapp块的实现方案】