초

퀵메뉴 소스수정..

· 2012-01-29 (일) 12:09:45 · 3780
홈페이지에 퀵메뉴를 붙이려 하는데요..
퀵메뉴가 슬라이딩이나 움직임이 없이 딱 고정되서 휠을따라 상하로 움직이는 퀵메뉴를 구현하려 합니다.
소스를 구해서 조금 수정하려 하는데 자바스크립을 잘 다룰줄 몰라 어느부분을 수정해야 할지 모르겠네요..

참고 홈페이지 퀵메뉴입니다.
http://www.carmine-design.com/


아래는 수정해보려는 퀵메뉴 소스인데요..
어느부분을 수정하면 될까요?..ㅜ

<style type="text/css">
<!--
#gotop {position:absolute; z-index:3;left:50%; margin-left:-640px;margin-top: -220px;}
-->
</style>





<script language="javascript">

//<![CDATA[
function initMoving(target, position, topLimit, btmLimit) {
if (!target)
return false;

var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight;

obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;

if (typeof(window.pageYOffset) == "number") { //WebKit
obj.getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == "number") {
obj.getTop = function() {
return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
}
} else {
obj.getTop = function() {
return 0;
}
}

if (self.innerHeight) { //WebKit
obj.getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
obj.getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function() {
return 500;
}
}

obj.move = setInterval(function() {
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
}

if (pos > obj.bottomLimit)
pos = obj.bottomLimit;
if (pos < obj.topLimit)
pos = obj.topLimit;

interval = obj.top - pos;
obj.top = obj.top - interval / 3;
obj.style.top = obj.top + "px";
}, 30)
}
//]]>


</script>








  <div id="gotop">
        <td><img src="img/top_01.jpg" width="183" height="90" />
  </div>

  <script type="text/javascript">initMoving(document.getElementById("gotop"), 220, 50, 50);</script>
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-02-11 조회 3,051
12-02-11 조회 2,959
12-02-11 조회 3,390
12-02-10 조회 1만
12-02-10 조회 3,520
12-02-10 조회 4,492
12-02-09 조회 3,854
12-02-09 조회 3,422
12-02-09 조회 6,392
12-02-09 조회 3,097
12-02-08 조회 3,521
12-02-08 조회 2,912
12-02-08 조회 2,981
12-02-08 조회 3,928
12-02-08 조회 4,654
12-02-08 조회 2,997
12-02-07 조회 3,336
12-02-07 조회 3,273
12-02-07 조회 3,290
12-02-07 조회 2,577
12-02-07 조회 3,322
12-02-07 조회 2,874
12-02-06 조회 3,056
12-02-06 조회 2,942
12-02-06 조회 3,490
12-02-06 조회 3,915
12-02-06 조회 3,266
12-02-06 조회 1.2만
12-02-06 조회 4,220
12-02-06 조회 5,666
12-02-05 조회 2,745
12-02-05 조회 3,527
12-02-05 조회 2,931
12-02-04 조회 2,833
12-02-04 조회 2,841
12-02-04 조회 6,688
12-02-03 조회 3,869
12-02-03 조회 4,254
12-02-03 조회 2,760
12-02-03 조회 3,302
12-02-03 조회 3,892
12-02-02 조회 2,914
12-02-02 조회 3,702
12-02-02 조회 3,749
12-02-02 조회 5,393
12-02-02 조회 3,336
12-02-02 조회 4,595
12-02-02 조회 3,444
12-02-01 조회 3,262
12-02-01 조회 3,470
12-02-01 조회 3,974
12-02-01 조회 3,253
12-02-01 조회 2,795
12-01-31 조회 3,206
12-01-31 조회 3,459
12-01-31 조회 2,857
12-01-30 조회 9,636
12-01-30 조회 8,802
12-01-30 조회 2,774
12-01-30 조회 3,179
12-01-30 조회 3,260
12-01-30 조회 2,791
12-01-30 조회 2,959
12-01-29 조회 3,285
12-01-29 조회 3,158
12-01-29 조회 4,617
12-01-29 조회 2,793
12-01-29 조회 3,468
12-01-29 조회 3,781
12-01-28 조회 3,408
12-01-28 조회 2,642
12-01-28 조회 3,456
12-01-27 조회 2,856
12-01-27 조회 2,780
12-01-27 조회 2,827
12-01-27 조회 3,281
12-01-26 조회 6,576
12-01-26 조회 3,620
12-01-26 조회 3,396
12-01-26 조회 2,931
12-01-26 조회 3,030
12-01-25 조회 3,107
12-01-25 조회 2,917
12-01-25 조회 2,774
12-01-25 조회 2,573
12-01-25 조회 2,441
12-01-25 조회 4,150
12-01-25 조회 4,030
12-01-25 조회 2,649
12-01-25 조회 3,993
12-01-25 조회 3,458
12-01-24 조회 3,190
12-01-24 조회 3,388
12-01-24 조회 3,613
12-01-24 조회 4,308
12-01-22 조회 3,387
12-01-22 조회 2,725
12-01-22 조회 3,134
12-01-22 조회 3,651
12-01-21 조회 3,005