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; //输出新的标签
                }
        }
    }
  • 相关阅读:
    129. Sum Root to Leaf Numbers
    113. Path Sum II
    114. Flatten Binary Tree to Linked List
    112. Path Sum
    100. Same Tree
    300. Longest Increasing Subsequence
    72. Edit Distance
    自定义js标签库
    JS 实现Table相同行的单元格自动合并示例代码
    mysql 高版本only_full_group_by 错误
  • 原文地址:https://www.cnblogs.com/starlet/p/1636163.html
Copyright © 2011-2022 走看看