zoukankan      html  css  js  c++  java
  • 新闻内容页面自动调整超宽图片大小

    function changeImgSize() {
        
    var Article_Content_ID = "article_content";    //文章内容所在的Div的ID
        var MAX_Width = 600;    //最大图片宽度
        
        
    var imgs = document.getElementById(Article_Content_ID).getElementsByTagName("img");
        
    for ( var i = 0,len = imgs.length;i<len;i++ )
        {
            
    if( parseInt(imgs[i].width,10> MAX_Width ){
                
    var iw = parseInt(imgs[i].width,10) ; 
                
    var ih = parseInt(imgs[i].height,10) ;
                imgs[i].style.width 
    = MAX_Width +"px";
                imgs[i].style.height 
    =  parseInt( ih * MAX_Width / iw ) + "px";
                imgs[i].border
    ='0';//由于添加连接后有边框,再此处设为0
                imgs[i].setAttribute("onclick","javascript:window.open("+imgs[i].src+")");
                
    //var outerHTML_temp = imgs[i].outerHTML; //获取img对象内容
                //outerHTML_temp="<a href='"+imgs[i].src+"' target='_blank'>"+outerHTML_temp+"</a>"; //拼接href
                //imgs[i].outerHTML = outerHTML_temp; //输出新的标签
                }
        }
    }
  • 相关阅读:
    Java 中常用缓存Cache机制的实现
    Spring普通类获取bean
    系统升级shell
    shell 操作文本内容(修改增加)
    接口实践;接口与抽象类
    Java中@Override的作用
    类实现多个接口的例子
    java 反射实践
    对象主要属性及识别
    java抽象类实践
  • 原文地址:https://www.cnblogs.com/starlet/p/1636163.html
Copyright © 2011-2022 走看看