购物车位置显示调整

最新推荐文章于 2025-09-04 17:40:22 发布

原创最新推荐文章于 2025-09-04 17:40:22 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #JavaScript #ViewUI

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用jQuery实现购物车位置动态显示的方法。通过计算购物车内商品项数及相应偏移量，确保购物车提示框能准确显示在正确位置。针对不同浏览器进行了适配。

今天网站上做个购物车，首先是用到了一个jquery控件jquery.tools，主要是靠计算来显示购物车的位置的，然后是用这个来显示购物车

<!--放到最后才有效的js-->
<script type="text/javascript">
    var row=$("#_cartshow").find("tr").length;
    row=Number(row)*45;
    if($.browser.msie){
        if(row==45)
            row=70;
        else 
            row=12+row;
        $("#cart_now").tooltip({ effect: 'slide',offset:[row,0]});
    }
    else{
        if(row==45)
            row=75;
        else 
            row=15+row;
        $("#cart_now").tooltip({ effect: 'slide',offset:[row,0]});
    } 
        
</script>

这段代码是放在网页最后位置</body>的上面，里面的row的大小根据实际情况而定的，我是用table来做购物车里的内容的，附上jquery控件代码