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块的实现方案】