테스트 사이트 - 개발 중인 베타 버전입니다
SIR

항상 같은곳에 광고창 만들기 입니다.

혀니천사
프로필 보기이 회원 글보기
 · 9년 전 · 758

<!---- 1. 아래의 코드를 HEAD 부분에 붙여 넣으세요 ------>

<style>
<!--
.drag{position:relative;cursor:hand
}
#scontentmain{
position:absolute;
width:150px;
}
#scontentbar{
cursor:hand;
position:absolute;
background-color:green;
height:15;
width:100%;
top:0;
}
#scontentsub{
position:absolute;
width:100%;
top:15;
background-color:lightyellow;
border:2px solid green;
padding:1.5px;
}
-->
</style>

<script language="JavaScript1.2">
<!--

var dragapproved=false
var zcor,xcor,ycor

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function movescontentmain(){
if (event.button==1&&dragapproved){
zcor.style.pixelLeft=tempvar1+event.clientX-xcor
zcor.style.pixelTop=tempvar2+event.clientY-ycor
leftpos=document.all.scontentmain.style.pixelLeft-ietruebody().scrollLeft
toppos=document.all.scontentmain.style.pixelTop-ietruebody().scrollTop
return false
}
}
function dragscontentmain(){
if (!document.all)
return
if (event.srcElement.id=="scontentbar"){
dragapproved=true
zcor=scontentmain
tempvar1=zcor.style.pixelLeft
tempvar2=zcor.style.pixelTop
xcor=event.clientX
ycor=event.clientY
document.onmousemove=movescontentmain
}
}
document.onmousedown=dragscontentmain
document.onmouseup=new Function("dragapproved=false")
//-->
</script>

</HEAD>

<BODY>

<!--- 아래의 코드를 </body> 태그위에 붙여넣으세요 --------->

<div id="scontentmain">
        <div id="scontentbar" >
        <a href="javascript:onoffdisplay()">축소</a>
        </div>
                <div id="scontentsub">
                <p align="center"><br>
                광고창</p>
                여기에 내용을 입력 하세요
                </div>
        </div>
</div>

<script language="JavaScript1.2">

var w=ietruebody().clientWidth-195 // 화면 오른쪽 끝에서 -195 px
var h=50 // 화면 위에서 50px

w+=ietruebody().scrollLeft
h+=ietruebody().scrollTop

var leftpos=w
var toppos=h
scontentmain.style.left=w
scontentmain.style.top=h

function onoffdisplay(){
if (scontentsub.style.display=='')
scontentsub.style.display='none'
else
scontentsub.style.display=''
}

function staticize(){
w2=ietruebody().scrollLeft+leftpos
h2=ietruebody().scrollTop+toppos
scontentmain.style.left=w2
scontentmain.style.top=h2
}
window.onscroll=staticize

</script> 

목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
18013
PHP [알고리즘]퀵 정렬(Quick Sort)
18012
PHP php로 옥션 지마켓 11번가 쿠팡 위메프 등의 발주내역서 파일을
18011
PHP array_unique 배열중복값 제거
18010
JavaScript 콤보스타일 메뉴 입니다.
18009
JavaScript 쿠키를 이용한 레이어 공지창 입니다.
18008
JavaScript 효과있는 텍스트 틱커 입니다.
18007
PHP [알고리즘]힙 정렬(Heap Sort)
18006
PHP HTTP 인증 하기 입니다.
18005
JavaScript 외부 문서 불러오기 입니다.
18004
JavaScript 지정한 날짜까지 New 이미지를 띄워주기 입니다.
18003
MySQL Common MySQL Queries 다양한 MySQL 쿼리 예제
18002
JavaScript 메일 주소 검사하기 체크박스 입니다.
18001
JavaScript 무단링크 금지하기 입니다.
18000
PHP 간단하게 마우스,드래그,복사 등 막기 입니다.
17999
MySQL DB백업 및 복원
17998
JavaScript 페이지가 다른 사이트의 프레임에 갇히는 것을 막기 입니다.
17997
PHP 다른 사이트로 이동시 또는 창 닫을 시에 자동 로그아웃 하기 입니다.
17996
PHP PHP에 MYSQL 와 자바스크립트 연동 예제 입니다.
17995
jQuery input text 대문자만 받는 Jquery
17994
PHP 현재 페이지 URL 출력하기 입니다.
17993
JavaScript 이미지 업로드와 미리보기 입니다.
17992
JavaScript 배경음악 랜덤 재생 하기 입니다.
17991
JavaScript css 지원 여부 확인해서 다른 페이지로 이동하기 입니다.
17990
JavaScript 하부메뉴가 보였다가 숨겨졌다 하는 토글버튼 입니다.
17989
JavaScript 개별 페이지에 인덱스로 거쳐 들어오게 하기 입니다.
17988
JavaScript 랜덤으로 이미지 출력 되기 입니다.
17987
JavaScript 사용자 해상도 알아내기 입니다.
17986
JavaScript 붙여넣기 금지하기 입니다.
17985
MySQL 대소문자 데이터 조회하기
17984
JavaScript 퇴장시 팝업창 한번한 띄우기 입니다.
이전 다음
전체 목록