윈

항상 같은곳에 광고창 만들기

· 2009-03-15 (일) 11:00:41 · 2726
<!---- 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>

[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
08-11-26 조회 4,564
08-11-25 조회 3,689
08-11-25 조회 2,882
08-11-25 조회 4,454
08-11-25 조회 4,326
08-11-21 조회 4,314
08-11-21 조회 5,234
08-11-20 조회 3,870
08-11-20 조회 3,679
08-11-19 조회 3,954
08-11-19 조회 4,205
08-11-18 조회 3,981
08-11-15 조회 2,851
08-11-14 조회 3,148
08-11-14 조회 2,807
08-11-14 조회 3,210
08-11-13 조회 3,830
08-11-12 조회 9,965
08-11-07 조회 4,485
08-11-07 조회 5,494
08-11-03 조회 3,258
08-11-01 조회 4,964
08-11-01 조회 2,931
08-10-30 조회 2,641
08-10-30 조회 3,553
08-10-30 조회 2,665
08-10-30 조회 2,902
08-10-30 조회 2,768
08-10-29 조회 3,858
08-10-29 조회 2,834
08-10-29 조회 2,363
08-10-20 조회 2,495
08-10-18 조회 4,436
08-10-16 조회 3,489
08-10-16 조회 3,288
08-10-14 조회 2,504
08-10-11 조회 3,810
08-10-11 조회 2,408
08-10-09 조회 2,519
08-10-09 조회 2,677
08-10-09 조회 4,141
08-10-08 조회 3,824
08-10-02 조회 3,765
08-10-02 조회 2,509
08-10-02 조회 2,625
08-09-29 조회 4,582
08-09-29 조회 4,218
08-09-26 조회 5,552
08-09-26 조회 3,527
08-09-26 조회 3,601
08-09-26 조회 2,736
08-09-26 조회 3,780
08-09-26 조회 3,506
08-09-26 조회 4,273
08-09-22 조회 3,822
08-09-22 조회 3,006
08-09-22 조회 3,963
08-09-22 조회 2,923
08-09-22 조회 2,559
08-09-21 조회 3,573
08-09-20 조회 4,144
08-09-20 조회 5,426
08-09-20 조회 4,503
08-09-20 조회 2,816
08-09-20 조회 3,087
08-09-20 조회 3,577
08-09-20 조회 2,950
08-09-20 조회 3,146
08-09-20 조회 4,131
08-09-20 조회 3,618
08-09-20 조회 3,216
08-09-19 조회 5,616
08-09-19 조회 4,395
08-09-19 조회 2,715
08-09-18 조회 5,047
08-09-18 조회 4,110
08-09-18 조회 3,463
08-09-18 조회 2,674
08-09-18 조회 3,604
08-09-18 조회 3,384
08-09-17 조회 3,266
08-09-16 조회 3,213
08-09-10 조회 2,442
08-09-09 조회 3,248
08-09-06 조회 4,147
08-09-06 조회 2,692
08-09-06 조회 3,057
08-09-06 조회 2,741
08-09-06 조회 2,957
08-09-06 조회 2,844
08-09-06 조회 2,806
08-09-05 조회 3,825
08-09-05 조회 3,643
08-09-05 조회 3,467
08-09-05 조회 2,686
08-09-05 조회 3,721
08-09-05 조회 5,672
08-09-05 조회 4,143
08-09-05 조회 3,030
08-09-05 조회 3,176