广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    JS自动调整图片宽度代码

    2018-04-04 08:35:26 次阅读 稿源:互联网
    零七广告

    JS自动调整图片宽度代码,网页图片宽度自适应代码,具体代码如下:

    1. <html> 
    2. <head> 
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    4. <title>JS自动调整图片宽度代码</title> 
    5. </head> 
    6.  
    7. <body> 
    8. <script language="javascript"> 
    9. var flag=false
    10. function DrawImage(ckp){ 
    11.     var image=new Image(); 
    12.     image.src=ckp.src; 
    13.     if(image.width>0 && image.height>0){ 
    14.         flag=true
    15.         if(image.width>120){ 
    16.             ckp.width=120
    17.         }else{ 
    18.             ckp.width=image.width; 
    19.         } 
    20.         ckp.alt=image.width+"×"+image.height; 
    21.     } 
    22. </script> 
    23.  
    24. <img src="http://www.daimajiayuan.com/uploads/1307/1-130H30Z314511.jpg" border="0" onload="javascript:DrawImage(this);"> 
    25. </body> 
    26. </html> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告