好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

dynamic-css动态CSS库,使得你可以借助MVVM模式动态生成和更新css,从js事件和cs

dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散、嵌套在 js 中的修改样式的代码剥离出来。比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化而触发一些效果,原本你要写 js 去绑定滚动事件,然后计算偏移量,然后更新元素 css,使用 dynamic-css,你只要根据语法去写好 css 表达式就可以了。对于一些原本需要复杂的 js 判断的动态 css,用 dynamic css 表达式几行代码搞定。

举两个例子:

元素跟随鼠标移动

实现它的源代码:

        元素跟随鼠标移动 - DynamicCss Demo                                            .mouse-follow { position: absolute; top:{{layout.mouse.pageY}}px; left:{{layout.mouse.pageX}}px; }       

为什么追我

查看更多关于dynamic-css动态CSS库,使得你可以借助MVVM模式动态生成和更新css,从js事件和cs的详细内容...

  阅读:31次