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

그누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 중간쯤에





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

그리고



위…
전체 0 |RSS
그누4 팁자료실 내용 검색
  • 개별 목록 구성 번호 제목 작성자 작성일 추천 조회
  • 게시물이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT