|
HTML
Javascript
Flash Actionscript
PHP
mySQL
ASP
MS-SQL
Linux
Others
Ziwoo Board
Portfolio
About
|
 |
 Javascript |
| 작성 |
2006-02-28 15:47:40 추천: 118 조회: 4334 |
| 제목 |
스크롤 배너 스크립트 |
| 이름(ID) |
지우 (ziwoo)
|
|
 |
<div id="divMenu" style="left:0px; top:0px; width:20px; height:20px; position:absolute;">
<img src="/images/top.jpg" border="0" onClick="document.body.scrollTop=0+'px';" style="cursor:pointer">
</div>
<script language="JavaScript">
<!--
function moveRightEdge() {
var yMenuDiv = document.getElementById('divMenu');
var yMenuFrom = yMenuDiv.style.top.replace("px","");
var yMenuTo = Math.max(document.documentElement.scrollTop, document.body.scrollTop) + 130; // 위쪽 위치
var yMenuSpeed = 20; // 감속도
var yMenuDelay = 10; // 대기(0.01초 후에 반응)
if (yMenuFrom != yMenuTo) {
var yTemp = Math.ceil(Math.abs(yMenuTo - yMenuFrom) / yMenuSpeed);
if(yMenuTo - yMenuFrom<0) yTemp = -yTemp;
yMenuDiv.style.top = parseInt(yMenuFrom,10) + yTemp + "px";
}
setTimeout ("moveRightEdge()", yMenuDelay);
}
function setDivX() {
document.getElementById('divMenu').style.left = document.body.clientWidth/2 + 940/2 + 10 + "px";
moveRightEdge();
}
function setDivY() {
document.getElementById('divMenu').style.top = document.body.scrollTop + 0 + "px";
document.getElementById('divMenu').style.visibility = "visible";
setDivX();
}
setDivY();
if(window.addEventListener) window.addEventListener("resize", setDivX, false);
else if(window.attachEvent) window.attachEvent("onresize", setDivX);
//-->
</script>
|
|
|
|
| 차찾사(210.181.70.249)
2006-05-24 19:18:06
|
|
| 이거 화면크기 변경했을때도 그위치에 가게 할라면 어떻게 해야하나요? |
|
|
|
|
| 지우(218.155.158.82)
2006-05-25 05:19:28
|
|
본 화면 오른쪽의 top 버튼처럼요..?
소스보기 하셔서.. 긁어가세요.. ^^ |
|
|
|
|
| 차찾사(210.181.70.249)
2006-05-26 14:00:57
|
|
본문이 있고 왼쪽이든 오른쪽이든...해당칸 <td></td> 안에..
<div style="width:60px; position:relative;">
<div id="Right_Banner_Layer" style="position:absolute; top:0px; left:5px;">
<table width="10" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="button" value="ⓣ" style="font:10pt Tahoma; width:18;height:18;border:0px;background-color:#1F2C70;color:#ff8800" onClick="document.body.scrollTop=0;"></td>
</tr>
</table>-->
</div>
</div>
<script language="javascript">
<!--
self.onError = null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0;
lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function heartBeat() {
if(IE) {
diffY = document.body.scrollTop;
diffX = 0;
}
if(NS) {
diffY = self.pageYOffset; diffX = self.pageXOffset;
}
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) {
percent = Math.ceil(percent);
}
else {
percent = Math.floor(percent);
}
if(IE) {
document.all.Right_Banner_Layer.style.pixelTop += percent;
}
if(NS) {
document.Right_Banner_Layer.top += percent;
}
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) {
percent = Math.ceil(percent);
}
else {
percent = Math.floor(percent);
}
if(IE) {
document.all.Right_Banner_Layer.style.pixelLeft += percent;
}
if(NS) {
document.Right_Banner_Layer.top += percent;
}
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) {
action = window.setInterval("heartBeat()",1);
}
//-->
</script>
이소스가 좀더 나은듯 싶어서 올려봅니다;; 올려도 되는진 모르겠지만;;
글쓰기 할려다 글쓰기는 왠지 더 않될꺼 같기도 하고;; 리플로써;; 올려봅니다..
근데 리플달때 줄수 끝줄에서 엔터누르는것만으로도 칸늘어나는건 -_-a 쉬운건가요;; |
|
|
|
|
| 지우(218.155.158.82)
2006-05-26 22:14:18
|
|
소스막 올리셔도 상관 없습니다.. 도리어 권장사항입니다.. ^^
텍스트영역이 늘어나는것은 익스 전용입니다.
css 로 구현했구요..(소스보기 참고~) |
|
|
|
|
Contact Phone Number
