if (newPage>3) $('.sj-book .p2 .depth').css({ width: depthWidth, left: 20 - depthWidth }); else $('.sj-book .p2 .depth').css({width: 0}); depthWidth = 16*Math.min(1, (pages-page)*2/pages); if (newPage<pages-3) $('.sj-book .p111 .depth').css({ width: depthWidth, right: 20 - depthWidth }); else $('.sj-book .p111 .depth').css({width: 0});
时间: 2024-04-16 21:29:52 浏览: 104
CSS in Depth.
这段代码根据条件来设置深度元素(`.depth`)的宽度和位置。首先,检查`newPage`是否大于3,如果是,则会将`.sj-book .p2 .depth`元素的宽度设置为`depthWidth`,并将其左侧位置设置为20减去`depthWidth`的值。如果不满足条件,则将该元素的宽度设置为0。
接下来,更新了变量`depthWidth`的值,计算方法与之前提到的相同。
然后,检查`newPage`是否小于总页数减去3,如果是,则会将`.sj-book .p111 .depth`元素的宽度设置为`depthWidth`,并将其右侧位置设置为20减去`depthWidth`的值。如果不满足条件,则将该元素的宽度设置为0。
这段代码用于根据页面数和深度宽度来动态调整深度元素的样式。
阅读全文