윈

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

· 2009-03-15 (일) 11:00:41 · 2743
<!---- 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건
+
제목 글쓴이 날짜 조회
09-09-11 조회 5,797
09-08-14 조회 5,277
09-07-24 조회 5,977
09-07-17 조회 3,986
09-06-26 조회 5,201
09-06-25 조회 4,127
09-06-18 조회 5,359
09-05-16 조회 3,817
09-04-30 조회 3,419
09-04-02 조회 7,252
09-03-10 조회 3,392
09-01-30 조회 2,893
09-01-25 조회 3,566
09-01-24 조회 3,681
09-01-23 조회 3,846
09-01-20 조회 5,862
09-01-20 조회 4,299
09-01-14 조회 5,261
09-01-10 조회 3,083
09-01-09 조회 2,975
09-01-06 조회 2,922
09-01-05 조회 5,177
08-12-29 조회 4,353
08-12-20 조회 3,916
08-12-13 조회 4,528
08-12-12 조회 4,594
08-12-11 조회 2,714
08-11-26 조회 4,583
08-11-25 조회 3,705
08-11-25 조회 2,893
08-11-25 조회 4,464
08-11-25 조회 4,341
08-11-21 조회 4,332
08-11-20 조회 3,695
08-11-19 조회 3,968
08-11-19 조회 4,217
08-11-18 조회 3,995
08-11-15 조회 2,866
08-11-14 조회 3,228
08-11-13 조회 3,848
08-11-12 조회 9,982
08-02-22 조회 5,646
08-02-21 조회 4,583
08-02-21 조회 7,093