您当前位置: 首页 >  WEB技术 >  JQ控制内容标签撑破页面方法(参数化)
2015/11/9 9:01:42 分类:WEB技术

JQ控制内容标签撑破页面方法(参数化)

我们非常头疼数据把页面撑破的现象,在近期项目改版中遇到,导过来的内容大部分把页面撑破,想了想闪过一个想法如下。不能说这个方法能限制所有,但是临时解决了我目前所遇到的问题,并且这个方法的可扩展不同的html标签,方法会持续更新更多限制,一点点的强化方法。目前只是初步的简约的方法。
 
使用以下方法需要jquery插件
文件类型: .zip JQuery.zip (65.76 KB)
 
 
<!--内容标签撑破页面方法(参数化)开始-->
<script src="show.aspx_files/jquery-1.7.2.min.js"></script>
<script>
        $(document).ready(function () {
            //alert("加载完成测试")
            if ($(\'#zoom img\').width() > 650) {
                $(\'#zoom img\').attr("width", 650)
            }
Content_label("zoom","div,p",900,700)
//参数1=id  参数2=html标签 参数3=最大宽度 参数4=限制宽度
 
//alert($("#zoom p").width())
//$("#zoom p").width("50%"); 
})
function  Content_label(id,str,mxwidth,smwidth)
{
//alert(id)
//alert(str)
//alert(mxwidth)
var strs= new Array(); //定义一数组 
strs=str.split(","); //字符分割
for (i=0;i<strs.length ;i++ ) 
if ($("#"+id+" "+strs[i]).width()>mxwidth)
{
$("#"+id+" "+strs[i]).width(smwidth); 
}
}
    </script>
<!--内容标签撑破页面方法(参数化)结束-->

 

本文由胡金金个人网站整理发布,转载请注明地址:http://www.hujinjin.com/info/619.html

凡标明来源于胡金金个人网站的文章,皆为本站整理发布,若转载此文必须附原文链接,对部分平台更改其文内容当自己原创者,胡金金个人网站将保留其追究权利!
个人资讯推荐
友情链接