0

我正在尝试为#bj-pagination. 我想实现当单击第 2 页的链接时,框阴影从第 1 页链接滑动到第 2 页链接的效果。这很复杂吗?

<div id="bj-pagination">
<div class="pagination">
<span class="disabled"><span id="prev">PREV</span></span>
<span class="current">1</span>
<a href="pagination.php?page=2">2</a>
<a href="pagination.php?page=3">3</a>
<a href="pagination.php?page=4">4</a>
<a href="pagination.php?page=2"><span id="next">NEXT</span></a>
</div>
</div>

在这里,我位于第 1 页。当前页面的 CSS 是...

#bj-pagination .current {
    -moz-box-shadow: inset 0 -4px 0 #F6E128;
    -webkit-box-shadow: inset 0 -4px 0 #F6E128;
    box-shadow: inset 0 -4px 0 #F6E128;
    background: #FFF;
    border:1px solid #E4E4E4;
    border-right:none;
}

我想在单击第 2 页时将 boxshadow 的动画幻灯片从第 1 页链接到第 2 页链接

4

0 回答 0