테이블과 텍스트로 로딩효과 내기 정보
테이블과 텍스트로 로딩효과 내기관련링크
본문
이미지를 이용하지 않고 테이블과 텍스트로 로딩효과를 내는 팁 입니다.
스킨폴더의 write.skin.php 중간쯤에
<script type="text/javascript">
<!--
function set_menu(obj) {
var nLeft,nTop
pl = 20 // 가로 위치 조절
ph = 20 // 세로 위치 조절
var _x = document.body.clientWidth/2 + document.body.scrollLeft - 100; // 가로 위치
var _y = document.body.clientHeight/2 + document.body.scrollTop - 10; // 세로 위치
eval(obj+".style").posLeft = _x;
eval(obj+".style").posTop = _y;
eval(obj+".style").display='block';
}
function show_menu(obj) {
eval(obj+".style").display='block';
}
function hide_menu(obj) {
eval(obj+".style").display='none';
}
//-->
</script>
위의 스크립트를 추가합니다.
그리고
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data">
위의 폼을 찾은후 그 폼안에 onsubmit="return set_menu('loading')" 을 추가시켜줍니다.
즉,
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data" onsubmit="return set_menu('loading')">
이렇게 해주시면 됩니다.
그리고
<input type=hidden name=wr_10 value="<?=$write['wr_10']?>">
위의 인풋 아래에 아래 소스를 추가하면 됩니다.
<table id="loading" width="150" height="5" bgcolor="#FFFFFF" style="position:absolute; display:none; border-width:1; border-color:rgb(153,153,153); border-style:solid; top:100px; left:100px; z-index:1;">
<tr><td width="100%" height="100%" align="center">잠시만 기다려주세요</td></tr>
<tr><td width="100%" height="100%" align="center" style="border-top-width:1; border-bottom-width:1; border-color:rgb(153,153,153); border-top-style:solid; border-bottom-style:solid;" bgcolor="#F5F5F5">
<marquee width="150" height="5" direction="right" scrollamount="10">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
</tr>
</table>
</marquee>
</td></tr></table>
스킨폴더의 write.skin.php 중간쯤에
<script type="text/javascript">
<!--
function set_menu(obj) {
var nLeft,nTop
pl = 20 // 가로 위치 조절
ph = 20 // 세로 위치 조절
var _x = document.body.clientWidth/2 + document.body.scrollLeft - 100; // 가로 위치
var _y = document.body.clientHeight/2 + document.body.scrollTop - 10; // 세로 위치
eval(obj+".style").posLeft = _x;
eval(obj+".style").posTop = _y;
eval(obj+".style").display='block';
}
function show_menu(obj) {
eval(obj+".style").display='block';
}
function hide_menu(obj) {
eval(obj+".style").display='none';
}
//-->
</script>
위의 스크립트를 추가합니다.
그리고
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data">
위의 폼을 찾은후 그 폼안에 onsubmit="return set_menu('loading')" 을 추가시켜줍니다.
즉,
<form name="fwrite" method="post" action="javascript:fwrite_check(document.fwrite);" enctype="multipart/form-data" onsubmit="return set_menu('loading')">
이렇게 해주시면 됩니다.
그리고
<input type=hidden name=wr_10 value="<?=$write['wr_10']?>">
위의 인풋 아래에 아래 소스를 추가하면 됩니다.
<table id="loading" width="150" height="5" bgcolor="#FFFFFF" style="position:absolute; display:none; border-width:1; border-color:rgb(153,153,153); border-style:solid; top:100px; left:100px; z-index:1;">
<tr><td width="100%" height="100%" align="center">잠시만 기다려주세요</td></tr>
<tr><td width="100%" height="100%" align="center" style="border-top-width:1; border-bottom-width:1; border-color:rgb(153,153,153); border-top-style:solid; border-bottom-style:solid;" bgcolor="#F5F5F5">
<marquee width="150" height="5" direction="right" scrollamount="10">
<table cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
<td bgcolor="#70A1D5"></td>
<td bgcolor="#5F97D2"></td>
</tr>
</table>
</marquee>
</td></tr></table>
추천
2
2
댓글 10개
좋은 자료 감사합니다.
^^
^^
바로 적용해 봐야겠습니다
감사요~
감사요~
좋은 자료네요.... 나도 한번 써봐야지.
테이블과 텍스트로 로딩효과 내기
에스아이알의 팁 게시판에 TRUE in님께서 올려주신 팁입니다.
[:SourceStart:]
[:BOX8:]
이미지를 이용하지 않고 테이블과 텍스트로 로딩효과를 내는 팁 입니다.
스킨폴더의 write.skin.php 중간쯤에
위의 스크립트를 추가합니다.
그리고
위…
에스아이알의 팁 게시판에 TRUE in님께서 올려주신 팁입니다.
[:SourceStart:]
[:BOX8:]
이미지를 이용하지 않고 테이블과 텍스트로 로딩효과를 내는 팁 입니다.
스킨폴더의 write.skin.php 중간쯤에
위의 스크립트를 추가합니다.
그리고
위…
정말 잘 되는군요.. 깔끔하게 잘 사용 하겠습니다.. 강추~~
로딩효과 나타내기
로딩효과 나타내기
사용해보니 생각보다 실제이미지 효과가 훨씬 좋군요..
^^감솨`
스크랩합니다.