접속자 : 23(회원0)  오늘 566 어제 594 최대 13,898 전체 8,981,044  
커뮤니티정보포토 플라자공간 비디오뮤직-카페 자료 공간 관심+즐거움
Tip & TechJava Script그누보드 관련 자료Action ScriptHTML/CSSLINUX TipMySQL TipPHP Tip
   wego21™  LOGIN
  
  
  ID저장  자동로그인
회원가입  아이디/비밀번호 찾기
Tip & Tech
Java Script
그누보드 관련 자료
LINUX Tip
PHP Tip
MySQL Tip
HTML/CSS
Action Script
Java Script 베스트 #10
PNG파일 투명효과를 웹에서 적용
글쓴이: IN-BEST
작성일: 2010-07-16 05:20:43   3822   0
   image_htc.zip (13.4K), Down : 2


  Script Explanation
관련 .htc 파일 및 이미지 파일은 첨부파일에 있는 압축파일을 다운 받으세요..


 
  Script Code

<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>

<style type="text/css">
img, div { behavior: url('/SRC/javascript/iepngfix.htc') }
</style>

</head>

<body>

<div style="background-image: url(http://www.blueb.co.kr/SRC/javascript/image3/checkerboard.gif)">

<b>일반 이미지 태그 사용 :</b>
<a href="javascript:void(document.images.testImg.src='http://www.blueb.co.kr/SRC/javascript/image3/helix.gif')">gif</a> |
<a href="javascript:void(document.images.testImg.src='http://www.blueb.co.kr/SRC/javascript/image3/opacity.png')">png</a>
<br />
<img name="testImg" src="http://www.blueb.co.kr/SRC/javascript/image3/opacity.png" />

<p>&nbsp;</p>
<b>백그라운드 태그 사용</b>:
<a href="javascript:void(document.getElementById('d').style.background='url(http://www.blueb.co.kr/SRC/javascript/image3/helix.gif)')">gif</a> |
<a href="javascript:void(document.getElementById('d').style.background='url(http://www.blueb.co.kr/SRC/javascript/image3/opacity.png)')">png</a>
<div id="d" style="height: 200px; width: 200px; background: url(http://www.blueb.co.kr/SRC/javascript/image3/opacity.png)">
<p>&nbsp;</p>
<p>Div Content</p>
</div>

</div>

</body>
</html> 
출처 : 부루비
인간의 비극은 실존의 오해에 기인한다. 주접 떨지않고, 허허실실 겸손하게 살아간다 ...,

  이름 비밀번호

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정

얼굴표정



홈페이지소개   |   개인정보보호   |   광고   |   배너등록   |   찾아 오시는길

:::::::::::::::::::::: 인-베스트 코리아 | 김인배 | 경기 군포시 산본동 1135, 광림빌딩 706호 | TEL: 031-393-2212 | FAX: 031-393-2219 | E-mail: korea@in-best.com :::::::::::::::::::::: Copyright (C) '2008 wego21.com All rights reserved. Designed by IN-BEST™