DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 文章中所有圖片width大小批量設置方法
文章中所有圖片width大小批量設置方法
編輯:關於JavaScript     
怎麼設置文章中所有圖片width大小批量設置方法?這在實際應用中很常見,下面有一段示例,希望對大家有所幫助   復制代碼 代碼如下:


前面要加載一個jquery庫。
<script type="text/javascript">
var setNewsImg = function(obj){
$(obj).find('img').each(function(i){
var imgw = $(this).width();
var imgh = $(this).height();
var scale=1;
if(imgw>634){
scale = 634/imgw;
console.log(scale);
$(this).height(scale*imgh);
$(this).width(scale*imgw);
}
});
}
</script type="text/javascripy">
調用
<script>
$(function(){
setNewsImg('.news-img')
})
</script>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved