http://oxtag.com/html/ex/graph20041126.html
bar1.png 는 업로드 파일 다운받으세요.
그림파일의 width 속성을 실시간으로 변경하기
<table width=700>
<tr>
<td colspan=2>왕초보 홈페이지만들기 클럽 인기투표</td>
</tr>
<tr>
<td width=100>아마데우스</td><td width=600><img src=http://oxtag.com/zboard/data/js/bar1.png id=chart0 width=1 height=11>130표</td>
</tr>
<tr>
<td>순아순아</td><td><img src=http://oxtag.com/zboard/data/js/bar1.png id=chart1 width=1 height=11>272표</td>
</tr>
<tr>
<td>toto</td><td><img src=http://oxtag.com/zboard/data/js/bar1.png id=chart2 width=1 height=11>99표</td>
</tr>
</table>
<script language=javascript>
var data=new Array(130,272,99);
for(i=0;i<3;i++){
if(eval("chart" + i + ".width") < data[i]){
gph("chart" + i,data[i]);
}
}
function gph(what,limit){
if(eval(what + ".width") < limit){
if(eval(what + ".width")+5 > limit)
eval(what +".width=" + limit);
else
eval(what +".width=" + what + ".width + 5");
setTimeout("gph('"+ what + "'," + limit + ")",50);
}
}
</script>
'인터넷관련' 카테고리의 다른 글
| 타이핑 되는 툴팁 (0) | 2008.02.12 |
|---|---|
| 웹 개발자들이 알아야 할 윈도우 XP SP2 변경점(팝업,액티브X) (0) | 2008.02.12 |
| 입력 상자 증가 폼 (0) | 2008.02.12 |
| 인풋 태그에 글쓰기 (0) | 2008.02.12 |
| 본문 내용 글씨를 폰트 크기, 지정폰트, 축소, 확대 하기 (0) | 2008.02.12 |
| 아이프레임을 드래그 해보자. (0) | 2008.02.12 |
| XP 서비스팩2 팝업 대체용 공지 - 레이어이용, 쿠키 (0) | 2008.02.12 |
| 동영상과 자막 같이 보기 (0) | 2008.02.12 |
