欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

網(wǎng)頁中的圖片的處理方法與代碼

 更新時間:2009年11月26日 01:23:06   作者:  
昨天的一篇 圖片的alt屬性 文章評論中的啟發(fā),特將網(wǎng)頁中的圖片的一些處理方法 小小的總結一下
1 掉鏈接的圖片處理
<img src="no.jpg" onerror="this.src='images/new.gif'">

2 自動縮小大圖
經(jīng)??吹揭恍﹫D片很大,上傳后顯示會撐滿屏幕。下面的例子通過檢測圖片的寬度,如果該圖片的寬度大于“屏幕寬度-350”,

則讓該圖就顯示“屏幕寬度-350”這么大小。

原圖
<img src="jsimg/wallpaper.jpg">
設定大小的圖
  <img src="jsimg/wallpaper.jpg" onload="javascript:if(this.width>screen.width-350) this.width=screen.width-350">

3 禁止IE6中大尺寸圖片的自動縮小   

原圖,會自動縮小
  <img src="jsimg/wallpaper.jpg">
  設定不縮小
  <img src="jsimg/wallpaper.jpg" galleryimg="no">



4 去掉熱點地圖上的區(qū)域線框與超鏈接的線框
復制代碼 代碼如下:

 <a href="#" onFocus=this.blur()> <img src="jsimg/marylin.jpg" border=0> </a>


5 可控制上傳圖片的大小


處理上傳圖片大小的JS
復制代碼 代碼如下:

<script language="JavaScript">
  function orsc(){
   if(img.readyState!="complete") return false;
   if(img.offsetWidth!=132&&img.offsetHeight!=99){
   alert("您選擇的圖片大?。?+img.offsetWidth+"X"+img.offsetHeight+"\n"+"請選擇132X99大小的圖片")
   imgT=true;
   }
    }
  function mysubmit(theform){
   if(theform.file1.value==""){
   alert("請點擊瀏覽按鈕,選擇您要上傳的JPG或GIF文件!")
   theform.file1.focus;
   return (false);
   } else {
   str= theform.file1.value;
   strs=str.toLowerCase();
   lens=strs.length;
   extname=strs.substring(lens-4,lens);
   if(extname!=".jpg" && extname!=".gif"){
   alert("請選擇JPG或GIF格式的文件!");
   return (false);
   } else {
   document.all("loadImg").src=theform.file1.value
   if(document.all("loadImg").offsetWidth!=132&&document.all("loadImg").offsetHeight!=99){
   alert("您選擇的圖片大?。?+document.all("loadImg").offsetWidth+"X"+document.all("loadImg").offsetHeight+"\n"
+"請選擇132X99大小的圖片")
   return (false)
   }
   }
   }
  }
</script>


復制代碼 代碼如下:

<form onSubmit="return mysubmit(this)" name="form" method="post" enctype="multipart/form-data">
  <table width="100%" border=0 cellspacing=0 cellpadding=0>
  <tr><td valign=top height=30>
  <input type="hidden" name="act" value="upload">
  <input type="file" style="BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 1px; CURSOR: text; COLOR: #333333; FONT-FAMILY: "MS Shell Dlg", ","Tahoma", ","宋體"; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 1px
  " name="file1" value="">
  <input type="submit" name="Submit" value="上傳" >
  </td> </tr> </table>
  <img id=loadImg>
</form>

相關文章

  • JavaScript 高效運行代碼分析

    JavaScript 高效運行代碼分析

    傳統(tǒng)上,網(wǎng)頁中不會有大量的腳本,至少腳本很少會影響網(wǎng)頁的性能。
    2010-03-03
  • 一篇文章帶你學會JavaScript計時事件

    一篇文章帶你學會JavaScript計時事件

    JS可以實現(xiàn)很多java代碼不易完成的功能,下面這篇文章主要給大家介紹了關于如何通過一篇文章帶你學會JavaScript計時事件的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2022-11-11
  • JS層移支示例代碼

    JS層移支示例代碼

    JS層移支示例代碼...
    2007-03-03
  • 詳解微信小程序調(diào)起鍵盤性能優(yōu)化

    詳解微信小程序調(diào)起鍵盤性能優(yōu)化

    這篇文章主要介紹了詳解微信小程序調(diào)起鍵盤性能優(yōu)化,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-07-07
  • webpack4 升級遷移的實現(xiàn)

    webpack4 升級遷移的實現(xiàn)

    這篇文章主要介紹了webpack 4 升級遷移的實現(xiàn),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-09-09
  • JavaScript 正則命名分組【推薦】

    JavaScript 正則命名分組【推薦】

    以往我們只是習慣于通過數(shù)組下標來訪問正則匹配到的分組,但分組達到4、5個時,標識起來就會非常麻煩。V8早已實現(xiàn)了正則命名分組提案,只是我們很少使用,本文將介紹JS的正則命名分組
    2018-06-06
  • Webpack優(yōu)化配置縮小文件搜索范圍

    Webpack優(yōu)化配置縮小文件搜索范圍

    這篇文章主要介紹了Webpack優(yōu)化-縮小文件搜索范圍的相關知識,文中較詳細的給大家介紹了可以優(yōu)化的途徑,需要的朋友可以參考下
    2017-12-12
  • JavaScript lodash常見用法系列小結

    JavaScript lodash常見用法系列小結

    本篇文章主要介紹了JavaScript lodash用法小結,非常不錯,具有參考借鑒價值,對于Javascript lodash教程感興趣的同學可以參考一下
    2016-08-08
  • JS實現(xiàn)新浪微博效果帶遮罩層的彈出框代碼

    JS實現(xiàn)新浪微博效果帶遮罩層的彈出框代碼

    這篇文章主要介紹了JS實現(xiàn)新浪微博效果帶遮罩層的彈出框代碼,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • input的focus方法使用

    input的focus方法使用

    input有個focus方法,今天發(fā)現(xiàn)就在onblur事件里面起作用,onchang等事件中根本不起作用的
    2010-03-03

最新評論