테이블과 텍스트로 로딩효과 내기 > 그누4 팁자료실

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

테이블과 텍스트로 로딩효과 내기 정보

테이블과 텍스트로 로딩효과 내기

본문

이미지를 이용하지 않고 테이블과 텍스트로 로딩효과를 내는 팁 입니다.

스킨폴더의 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
  • 복사

댓글 10개

테이블과 텍스트로 로딩효과 내기
에스아이알의 팁 게시판에 TRUE in님께서 올려주신 팁입니다.

[:SourceStart:]
[:BOX8:]

이미지를 이용하지 않고 테이블과 텍스트로 로딩효과를 내는 팁 입니다.

스킨폴더의 write.skin.php 중간쯤에





위의 스크립트를 추가합니다.

그리고



위…
© SIRSOFT
현재 페이지 제일 처음으로