高清视频在线观看三级,精品国产一区二区三区成人影院,亚洲精品亚洲人成人网

編程（Programming）是編定程序的中文簡(jiǎn)稱，就是讓計(jì)算機(jī)代碼解決某個(gè)問(wèn)題，對(duì)某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式，使計(jì)算體系按照該計(jì)算方式運(yùn)行，并最終得到相應(yīng)結(jié)果的過(guò)程。為了使計(jì)算機(jī)能夠理解（understand）人的意圖，人類就必須將需解決的問(wèn)題的思路、方法和手段通過(guò)計(jì)算機(jī)能夠理解的形式告訴計(jì)算機(jī)，使得計(jì)算機(jī)能夠根據(jù)人的指令一步一步去工作，完成某種特定的任務(wù)。這種人和計(jì)算體系之間交流的過(guò)程就是編程。

【實(shí)例名稱】

JS腳本實(shí)現(xiàn)等比例縮略圖

【實(shí)例描述】

縮略圖是相冊(cè)網(wǎng)站和圖片新聞網(wǎng)站常用的功能。本例學(xué)習(xí)如何實(shí)現(xiàn)等比例縮略圖。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>標(biāo)題頁(yè)-本站（www.xue51.com）</title>
    <script language="javascript">
function Wa_SetImgAutoSize() 
{ 
var img=document.all.img1;    
//獲取圖片 
var MaxWidth=200;             
//設(shè)置圖片寬度界限
var MaxHeight=100;            
//設(shè)置圖片高度界限
var HeightWidth=img.offsetHeight/img.offsetWidth;
//設(shè)置高寬比 
var WidthHeight=img.offsetWidth/img.offsetHeight;
//設(shè)置寬高比 
if(img.readyState!="complete")return false;      
//確保圖片完全加載 
if(img.offsetWidth>MaxWidth){ 
img.width=MaxWidth; 
img.height=MaxWidth*HeightWidth; 
} 
if(img.offsetHeight>MaxHeight){ 
img.height=MaxHeight; 
img.width=MaxHeight*WidthHeight; 
} 
} 
</script> 
</head>
<body>
<img src="LOGO1.gif" border=0 id="img1" 
onload="Wa_SetImgAutoSize();"> 
<img src="LOGO1.gif" border=0 id="img2" > 
</body>
</html>

【運(yùn)行效果】

等比例縮略圖運(yùn)行效果

【難點(diǎn)剖析】

本例首先設(shè)置了縮略圖的最大高度和寬度，比例為1:2.然后利用原圖片的高度和寬度，獲得圖片的寬高比和高寬比，最后調(diào)整img控件的高度和寬度。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請(qǐng)點(diǎn)擊：JS腳本實(shí)現(xiàn)等比例縮略圖進(jìn)行本實(shí)例源碼下載

使用編程語(yǔ)言寫的程序，由于每條指令都對(duì)應(yīng)計(jì)算機(jī)一個(gè)特定的基本動(dòng)作，所以程序占用內(nèi)存少、執(zhí)行效率高。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

人人做人人澡人人爽欧美,国产主播一区二区,久久久精品五月天,羞羞视频在线观看免费

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 技術(shù)開(kāi)發(fā)教程 > 詳細(xì)頁(yè)面

JS腳本完成等比例縮略圖

本類教程下載

系統(tǒng)下載排行