带圆角的jCarouselLite容器

时间:2012-10-18 15:25:05

标签: javascript html css

我非常需要帮助我的滑块。它必须有圆角。我使用的是jCarousellLite,你可以在这里找到代码:http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.js

我自己的代码:

<script type="text/javascript">
$(function() {
$(".newsticker-jcarousellite").jCarouselLite({
        vertical: true,
        visible: 6,
        auto:1000,
        speed:500
    });
});

</script>

            <div class="newsticker-jcarousellite" style="float:left;width:120px;border-top-left-radius:20px">
                <ul>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                    <li><img style="width:110px;height:165px" src="http://www.minusport.ee/files/images/reklaam.jpg" /></li>
                </ul>
            </div>

div doensnt的边界半径工作,我知道原因,但我不知道如何解决这个问题。

1 个答案:

答案 0 :(得分:0)

尝试隐藏溢出:

<div class="newsticker-jcarousellite" style="float:left;width:120px;border-top-left-radius:20px;overflow:hidden">