zoukankan      html  css  js  c++  java
  • 自动识别分辨率或浏览器窗口大小,读取不同样式名/一行内超出宽度的内容显示用...

    <div style="380px;text-overflow: ellipsis; border:1px #ff6600 solid;overflow: hidden;white-space: nowrap;">
    一行内超出宽度的内容显示用, 集团招标采购中心提出了各自的信息化系统建设需求。
    </div>

    JS那段必须得放在body下。。。
    <body class="ou-w970">

    <!--

    <///////////////script type="text/javascript">
    (function(){  
        var fn = function(){
            var w = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth
                ,r = 1125
                ,b = document.body
                ,classname = b.className;
            if(w < r){
    b.className= 'ou-w970';
            }else{
       b.className= 'ou-w1190';
            }
        }
        if(window.addEventListener){
            window.addEventListener('resize', function(){ fn(); });
        }else if(window.attachEvent){
            window.attachEvent('onresize', function(){ fn(); });
        }
        fn();
    })();
    <//////////////script>

    -->



    如果将JS放在单独文件里,可建resize.js
    前端页面用

  • 相关阅读:
    Oracle数据库中truncate命令和delete命令的区别
    数组中只出现一次的数字
    数对之差的最大值
    SQL Server: Difference Between Locking, Blocking and Dead Locking
    字符串处理
    Phpcms_V9任意文件上传
    最初的梦想
    陪你走过漫长岁月
    基于MitM的RDP降级攻击
    CVE-2017-0358
  • 原文地址:https://www.cnblogs.com/rik28/p/3531369.html
Copyright © 2011-2022 走看看