초

퀵메뉴 소스수정..

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

참고 홈페이지 퀵메뉴입니다.
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-04-10 조회 3,938
12-04-06 조회 5,369
12-04-06 조회 3,150
12-04-04 조회 4,240
12-04-02 조회 3,532
12-03-30 조회 3,490
12-03-29 조회 6,037
12-03-28 조회 3,376
12-03-28 조회 4,301
12-03-27 조회 4,579
12-03-23 조회 3,776
12-03-21 조회 3,494
12-03-20 조회 3,299
12-03-18 조회 3,151
12-03-15 조회 3,323
12-03-12 조회 3,390
12-03-12 조회 3,317
12-03-08 조회 3,658
12-03-03 조회 3,744
12-03-03 조회 3,284
12-02-29 조회 3,584
12-02-28 조회 3,565
12-02-28 조회 3,384
12-02-28 조회 3,514
12-02-27 조회 3,927
12-02-27 조회 3,383
12-02-24 조회 3,493
12-02-24 조회 3,409
12-02-23 조회 3,710
12-02-20 조회 3,710
12-02-20 조회 4,091
12-02-17 조회 4,071
12-02-16 조회 3,253
12-02-15 조회 3,535
12-02-15 조회 3,595
12-02-14 조회 3,566
12-02-08 조회 3,521
12-02-06 조회 3,490
12-02-06 조회 3,914
12-01-25 조회 4,149
12-01-21 조회 4,061
12-01-20 조회 6,165
12-01-15 조회 3,654
12-01-15 조회 3,614
12-01-14 조회 3,510
12-01-14 조회 3,656
12-01-14 조회 3,380
12-01-12 조회 4,155
12-01-12 조회 4,291
12-01-10 조회 3,587
12-01-10 조회 4,410
12-01-09 조회 3,763
12-01-08 조회 7,007
12-01-08 조회 3,226
12-01-07 조회 3,584
12-01-06 조회 3,590
12-01-04 조회 3,744
12-01-03 조회 3,589
12-01-02 조회 3,985
12-01-02 조회 3,170
12-01-01 조회 4,113
12-01-01 조회 3,450
11-12-31 조회 3,712
11-12-31 조회 3,824
11-12-31 조회 3,646
11-12-30 조회 3,884
11-12-30 조회 5,064
11-12-30 조회 4,169
11-12-30 조회 4,327
11-12-30 조회 3,789
11-12-30 조회 3,517
11-12-30 조회 3,530
11-12-29 조회 3,261
11-12-22 조회 3,492
11-12-21 조회 3,442
11-12-20 조회 3,683
11-12-15 조회 5,462
11-12-15 조회 4,462
11-12-14 조회 5,513
11-12-12 조회 3,683
11-12-03 조회 3,452
11-11-26 조회 3,627
11-11-19 조회 3,761
11-11-01 조회 3,120
11-10-23 조회 2,742
11-10-21 조회 2,781
11-10-15 조회 3,185
11-10-15 조회 2,916
11-10-15 조회 3,591
11-10-15 조회 2,815
11-10-14 조회 2,850
11-10-13 조회 2,628
11-10-11 조회 2,869
11-10-10 조회 2,719
11-09-30 조회 3,559
11-09-30 조회 3,002
11-09-29 조회 4,839
11-09-29 조회 2,665
11-09-23 조회 2,724
11-09-16 조회 3,062