자바 스크립트 설정 배경 투명도 효과 코드

자바 스크립트 자습서 설정 배경 투명도 효과 코드


<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">


< html xmlns = "http://www.jzread.com/1999/xhtml" >


< 머리 >


< 메타 http-equiv = "콘텐츠 형식 콘텐츠 =" text/html; charset = gb2312 "/ >


< 제목 > 자바 스크립트 설정 배경 투명도 효과 코드 < / 타이틀 >


< 스크립트 언어 = "자바 스크립트" >


함수 correctpng ()


{

대 한
(var i = 0 나 < document.images.length; i + +)


 {


var img = document.images[i];


var imgname = Img.src.toUpperCase ();


경우 (imgname.substring (imgname.length-3, imgname.length) = "PNG")


  {


var imgid = (img.id)? "Id = '" + img.id + "'": "";


var imgclass = (img.classname)? "클래스 =" "+ img.classname +"'":" ";


var imgtitle = (img.title)? "제목 = '" + img.title + "'": "제목 = '" + Img.alt + "";


var imgstyle = "표시: 인라인-블록;" + img.style.css 튜토리얼 텍스트;


경우 (img.align = = "왼쪽") Imgstyle = "플 로트: 왼쪽;" + Imgstyle;


경우 (img.align = = "오른쪽") Imgstyle = "플 로트: 오른쪽;" + Imgstyle;


경우 (img.parentElement.href) Imgstyle = "커서: 손;" + Imgstyle;


var strnewhtml = "< 스팬" + imgid + imgclass + imgtitle


+ "스타일 =" "+" 폭: "+ img.width +" 픽셀; 높이: "+ img.height +" px; "+ Imgstyle +"; "


+ "Filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"


+ "(src = ' + img.src +" ', sizingmethod = ' 규모 '); " >< / 스팬 > ";


img.outerhtml = strnewhtml;


내가 i-1; =


  }


 }


}


함수 Alphabackgrounds () {


var rslt = Navigator.appVersion.match (/ msie (d +.d) /, "");


var Itsallgood = (rslt! = null & & 숫자 (RSLT[1)) > = 5.5);

대 한
(i = 0 나 < document.all.length; i + +) {


var bg = document.all[i].currentstyle.backgroundimage;


경우 (BG) {


경우 (Bg.match (/.png/i)!= null) {


var mypng = bg.substring (5,bg.length-2);


//alert (mypng);


document.all[i].style.filter = "Progid:DXImageTransform.Microsoft.AlphaImageLoader" (src = '+ mypng +') sizingmethod '자르기' =);


document.all[i].style.backgroundimage = "url" (');


경고 (Document.all[i].style.filter);


   }                                              


  }


 }


}


경우 (Navigator.platform = = "Win32" & & navigator.appname = = "Microsoft Internet Explorer" & & window.at Tachevent) {


window.attachevent ("onload", correctpng);


window.attachevent ("onload", alphabackgrounds);


}


 


< / 스크립트 >


< / 헤드 >

< 몸 >
</바디 >
< / html >