js获取宽度设置thickbox百分比

最新推荐文章于 2024-07-24 12:39:47 发布

转载最新推荐文章于 2024-07-24 12:39:47 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sprine/p/4441057.html

本文介绍如何使用JavaScript动态调整Thickbox的宽高，避免不同尺寸电脑显示不一致的问题。通过获取屏幕宽度和高度，实现响应式布局，确保用户体验统一。

thickbox的宽高不好设为百分比，这样遇到不同的尺寸的电脑就会出现问题。

怎么做呢？

通过js来处理。

<script type="text/javascript">
    $(function(){
        var width = window.screen.width;//通用，各浏览器都支持获取宽度
        width = width*0.5;
        var height = window.screen.height;
        height = height*0.66;
        $(".setSize").each(function(i){//追条设置
           var href = $(this).attr("href");
           href += '&height='+height+'&width='+width;
           $(this).attr("href",href);
        });
    });
</script>

获取显示的宽高，逐条设置。

这里必须用each，不然的话，其他的弹出框弹出的是一样的信息了。

要能够想象出js的执行过程。空间化，形象化。

<a href="/student/index/view/id/<!--{$aListData[data].id}-->?KeepThis=true&TB_iframe=true&TB_iniframe=true&Parent_reload=true" class="thickbox setSize"><img src="/images/look_info_bt.png" /></a>

转载于:https://www.cnblogs.com/sprine/p/4441057.html