Question

在css里或者div里，如何获取js的动态数值？

我这里是一个轮播图，有三排图片，前排的图片比后排的图片要大，所以width 和 height 都会随时改变。

而在js 中

this._doPrev = function () {return _this.doPrev.apply(_this)};
this._doNext = function () {return _this.doNext.apply(_this)};
this.options = [
{width:366, height:266, top:220, left:0, zIndex:1},
{width:732, height:532, top:110, left:90, zIndex:2},
{width:1046, height:760, top:0, left:210, zIndex:3},
{width:732, height:532, top:110, left:650, zIndex:2},
{width:366, height:266, top:220, left:1100, zIndex:1},

第三行zindex：3 所在的图片在最前面。

因为我JS很烂，轮播图的代码都是现成复制过来的，然后改成自己想要的，

html 中原来图片代码是这样的，

<li><a href="images/big/01.jpg" title="" >

<img width="1046" height="760" alt="" src="images/01.jpg" />

</a>

</li>

最后被我改成

<li><div id="a01"><img /></div></li>

当我在css里面 给#a01定义背景图片和大小后，原本的轮播图一下子都乱了。

综上如何在CSS里面或者div里面，width:获取js的动态数值“1046” “732” “366”

height获取js的“760” “532” “366” 的动态数值

求代码

Answer 1

你为什么不直接在js里面写css属性呢,css动态获取js不能实现吧,要不你用less.