正规赌博平台大全

电  话:0432-64798819

传  真:

联 系 人:技术部

手  机:0432-64798819

邮  箱:

您如今的位置:吉林市东讯科技网络公司 >> 新闻动态 >> 建站常识建站常识

图片主动按比例缩小并高低居中,兼容各浏览器

文章滥觞:吉林市网络公司    公布工夫:2013-11-27   阅读次数: 4408

图片主动按比例缩小并高低居中,兼容各浏览器,并合适用到各大CMS体系(织梦dede,科汛,帝国等等)中

<!--[if lte IE 6]--> 
<script type="text/javascript" language="javascript"> 
function imgFix() { 
//界说要限定的图片宽高,这个宽高要同style内里界说的不异,高或宽小于限制高宽的图片连结原尺寸

var widthRestriction = 200; 
var heightRestriction = 200; 
var allElements = document.getElementsByTagName('*')
for (var i = 0; i < allElements.length; i++) 

if (allElements[i].className.indexOf('imgBox') >= 0) //获得class称号 

var imgElements = allElements[i].getElementsByTagName('img'); 
for (var j=0; j < imgElements.length; j++) 

if ( imgElements[j].width > widthRestriction || imgElements[j].height > heightRestriction ) 

if ( imgElements[j].width > imgElements[j].height)

imgElements[j].height = imgElements[j].height*(widthRestriction/imgElements[j].width); 
imgElements[j].width = widthRestriction; 
} else 

imgElements[j].width = imgElements[j].width*(heightRestriction/imgElements[j].height); 
imgElements[j].height = heightRestriction; 
}

if ( imgElements[j].height < heightRestriction ) 

imgElements[j].style.paddingTop = ( heightRestriction -imgElements[j].height ) /2 + "px"; 

} /*for j*/ 

}/*for i*/ 

window.onload = imgFix; 
</script> 
<!--[endif]--> 

www7409com
<!-- 
.imgBox li { 
width:200px; /* 宽度 */ 
height:200px; /* 高度 */ 
 overflow:hidden;

background:#ccc; 
border:1px solid #666; 
www7409com
margin:5px; 

.imgBox img { 
vertical-align:middle; 

--> 
</style> 

 

<div><ul class="imgBox"> 
<li><img src="......" alt="yourimg" /></li> 
</ul> </div>

------分开线----------------------------
十大正规赌博平台

上一篇:打造网络营销的高端站点的5大步调!

下一篇:网站有哪些因素能够表现企业形象?

版权所有: 吉林市东讯科技网络公司 技术支持:吉林市东讯科技

公司地址: 吉林市船营区松江中路93号玖和财产一楼 咨询电话:0432-64798819 联系人:技术部

正规赌博平台大全