www.w2981.cn-兰花草影院免费观看电视剧高清,国产69精品久久久久乱码,中文字幕人成人乱码亚洲电影,欧洲洲一区二区精华液

                關(guān)于我們聯(lián)系我們網(wǎng)站地圖版權聲明收藏本站
                JavaScript實(shí)現網(wǎng)頁(yè)圖片等比例縮放效果

                在處理網(wǎng)頁(yè)圖片時(shí),特別是一些圖片列表的應用里面,很難保證圖片統一大小,直接設置圖片大小又會(huì )導致圖片拉伸,造成圖片模糊,本文介紹的代碼可以在圖片加載完成后自動(dòng)按比例調整圖片大小。

                Javascript:

                <script language="javascript" type="text/javascript"> 
                <!-- 
                // 說(shuō)明:用 JavaScript 實(shí)現網(wǎng)頁(yè)圖片等比例縮放 
                // 整理:http://www.CodeBit.cn 
                function DrawImage(ImgD,FitWidth,FitHeight) 
                { 
                var image=new Image(); 
                image.src=ImgD.src; 
                if(image.width>0 && image.height>0) 
                { 
                if(image.width/image.height>= FitWidth/FitHeight) 
                { 
                if(image.width>FitWidth) 
                { 
                ImgD.width=FitWidth; 
                ImgD.height=(image.height*FitWidth)/image.width; 
                } 
                else 
                { 
                ImgD.width=image.width; 
                ImgD.height=image.height; 
                } 
                } 
                else 
                { 
                if(image.height>FitHeight) 
                { 
                ImgD.height=FitHeight; 
                ImgD.width=(image.width*FitHeight)/image.height; 
                } 
                else 
                { 
                ImgD.width=image.width; 
                ImgD.height=image.height; 
                } 
                } 
                } 
                } 
                //--> 
                <script>

                調用方式:

                <ccid_file values="1148202890" alt="自動(dòng)縮放后的效果"
                onload="javascript:DrawImage(this,200,200);" / />

                如果圖片較大,建議在圖片標簽里面同時(shí)設置期望的圖片大小,這樣不會(huì )導致頁(yè)面在加載中撐開(kāi),該大小不會(huì )影響最終縮放效果?梢孕薷纳厦娴拇a為: 

                <ccid_file values="1148202890" alt="自動(dòng)縮放后的效果"
                width="200" height="200" onload="javascript:DrawImage(this,200,200);" / />
                來(lái)源:海南工商注冊代理網(wǎng)  相關(guān)專(zhuān)題:網(wǎng)站建設  閱讀:
                已經(jīng)是第一篇了 | 新一篇:[合法避稅咨詢(xún)]企業(yè)合理避稅案例分析
                文章評論信息

                已經(jīng)有0人評論該文章! 查看所有評論

                這里是評論的動(dòng)作,做發(fā)表評論的錄入框

                相關(guān)信息
                服務(wù)指南

                亚洲欧美一区二区三区| ass芬兰大白屁股pic欧美日韩在线免费| 无码人妻精品一区二区抖音| 久久精品国产亚洲a| 夜夜躁日日躁狠狠久久AV| 激情综合亚洲色婷婷五| 四虎影音| 色欲AV永久无码精品无码蜜桃| 亚洲熟妇另类久久久久久| 国产成人无码精品久久久免费|