묻고답하기

레이아웃 설정 가면 헤더부분에 들어갈 소스를 추가할 수 있잖아요?

이 부분에 스크롤바하고 웹폰트만 넣어 쓰다가

오늘 새 소스를 추가했는데

마우스 따라 시계와 요일등이 나오는 전자시계 같은 건데요

마우스 포인터가 레이아웃 가상에 있을때는 제 위치에서 출력되지만

본문이라던가 메뉴 등, 레이아웃 내부에 커서가 들어오면 정 만다위치에 출력이 되더라구요..

본래 위치가 포인터의 우측하단인데 본문 안으로 커서가 들어오면 좌측 상단으로 출력이 되는거에요...ㅠㅠ

사이트는 http://www.fcagu.co.cc/main.php 입니다.

추가한 소스는 아래와 같습니다.

<!-- 마우스 시계 스크립트 시작 //-->
<SCRIPT language=JavaScript>
<!--//
dCol='FF5500';//날짜 colour.
fCol='d100ab';//face colour.
sCol='00ee00';//초 colour.
mCol='0c1ac3';//분 colour.
hCol='0c1ac3';//시 colour.
ClockHeight=50;
ClockWidth=50;
ClockFromMouseY=30;
ClockFromMouseX=120; d=new Array("일요일","월요일","화요일","수요일","목요일","금요일","토요일");
m=new Array("1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월");
date=new Date();
day=date.getDate();
year=date.getYear();
if (year < 2000) year=year+1900;
TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;
D=TodaysDate.split('');
H='+++';
H=H.split('');
M='****';
M=M.split('');
S='.....';
S=S.split('');
Face='1 2 3 4 5 6 7 8 9 10 11 12';
font='Verdana';
size=1;
speed=0.25;
ns=(document.layers);
ie=(document.all);
Face=Face.split(' ');
n=Face.length;
a=size*10;
ymouse=0;
xmouse=0;
scrll=0;
props="<font face="+font+" size="+size+" color="+fCol+"><B>";
props2="<font face="+font+" size="+size+" color="+dCol+"><B>";
Split=360/n;
Dsplit=360/D.length;
HandHeight=ClockHeight/4.5
HandWidth=ClockWidth/4.5
HandY=-7;
HandX=-2.5;
scrll=0;
step=0.018;
currStep=0;
y=new Array();x=new Array();Y=new Array();X=new Array();
for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}
Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();
for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}
if (ns){
for (i=0; i < D.length; i++)
document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');
for (i=0; i < n; i++)
document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');
for (i=0; i < S.length; i++)
document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');
for (i=0; i < M.length; i++)
document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');
for (i=0; i < H.length; i++)
document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>');
}
if (ie){
document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < D.length; i++)
document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>');
document.write('+
 '+
 '</div></div>');
document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+'+
 ';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>');
document.write('</div></div>');
document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < H.length; i++)
document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');
document.write('</div></div>');
document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < M.length; i++)
document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');
document.write('</div></div>')
document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < S.length; i++)
document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'+
 ');
document.write('</div></div>')
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){
ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY;
xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;
}
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
function ClockAndAssign(){
time = new Date ();
secs = time.getSeconds();
sec = -1.57 + Math.PI * secs/30;
mins = time.getMinutes();
min = -1.57 + Math.PI * mins/30;
hr = time.getHours();
hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;
if (ie){
Od.style.top=window.document.body.scrollTop;
Of.style.top=window.document.body.scrollTop;
Oh.style.top=window.document.body.scrollTop;
Om.style.top=window.document.body.scrollTop;
Os.style.top=window.document.body.scrollTop;
}
for (i=0; i < n; i++){
 var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style;
 F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;
 F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);
 }
for (i=0; i < H.length; i++){
 var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style;
 HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;
 HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);
 }
for (i=0; i < M.length; i++){
 var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style;
 ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;
 ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);
 }
for (i=0; i < S.length; i++){
 var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style;
 SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;
 SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);
 }
for (i=0; i < D.length; i++){
 var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style;
 DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll;
 DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);
 }
currStep-=step;
}
function Delay(){
scrll=(ns)?window.pageYOffset:0;
Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);
Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);
for (i=1; i < D.length; i++){
Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);
Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);
}
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
}
ClockAndAssign();
setTimeout('Delay()',20);
}
if (ns||ie)window.onload=Delay;
//-->
</SCRIPT>
<!-- 마우스 시계 스크립트 종료 //-->
<!-- 마우스 커서 시작 //-->
<STYLE>body{cursor:url(http://jihansome.tistory.com/attachment/hk7.ani); }</STYLE> 
<!-- 마우스 커서 종료 //-->


 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
오스카 시작모듈을 실행하면 화면 아래가 깨져요~ [3] file 2012.08.09 by 송동우
아몬드땅콩좋아 최근게시물 폰트크기 및 줄간격 수정 [1] file 2012.08.09 by 에릭리카드
김기정746 블러그형인데요 ...사진 좌측에 제목 나올수 있게 수정좀 부탁 드립니다. ㅜㅜㅜ  
서기에요 다음 게시판에디터 사용하고싶습니다. [1] 2012.08.10 by Sulli
몽키매직 회원가입시 홈페이지 입력란 문제입니다.  
이슬란드 1.5이상에서 레이어 방식 로그인에서 이메일 입력 오류날때  
이신이 1.5 업데이트 이후 오류납니다..$end? [1] 2012.08.10 by misol
many 첨부된 파일의 viewer보기 기능  
헤드레기 DB에대해서 물어볼려고합니다  
건방진곰돌이 모듈이름 변경 문의요 [1] 2012.08.10 by Haltze
처음입니다~ 자동으로 글(스팸 등)쓰기를 방지하는 건 어떤걸 사용해야하죠? [1] 2012.08.10 by App-studio
jjjean 게시판에 들어가면 레이아웃이 조금 틀어지는데요 [1] 2012.08.10 by 관탈
마계범군 1.4.5.10 버젼에서 보안 패치를 하려고 하는데요... [1] 2012.08.10 by CMD
셔니1 회원가입 완료 페이지 위치 [1] 2012.08.10 by 송동우
보컬리스트 index.asp에서요 링크주소 표시 안되게 하는 방법좀요  
봉미선 팝업 애드온이요 팝업창 2개는 못띄우나요?;  
오소리1 쪽지 보내기 일일 제한 두기 [1] 2012.08.10 by 송동우
디디디 코멘트 수정기능이 안되요 ㅠㅠ  
쌍무지개 방법 좀 알려주세요 [11] 2012.08.11 by 비젠토
simba1030 Err : './modules/message/skins/photoGalleryA/http_status_code.html' template file does not exists.  
쿵푸팬더 1.4->1.5->1.4 이동했는데 게시물만 http 500 에러가 발생 [1] 2012.08.11 by 최영석222
ITPLE[꾸야] Kindguy Calendar Widget을 사용하는데요,; 일자 위에 마우스를 올리면.. [2] file 2012.08.11 by 송동우
poert 게시판 만들고 나서 회원가입기능은 따로만들어야하나요?? [1] 2012.08.11 by Sulli
톡톡보니 XE 공식레이아웃 수정 (3차 메뉴) file  
카이네드 jquery 질문드립니다.  
ITPLE[꾸야] XE 함수를 이용해서 구한 변수를 일반 PHP에서 불러올 수는 없나요? [1] 2012.08.11 by CM
커피마셔 메인 화면에서 로그인이 안되네요. [1] 2012.08.11 by 송동우
qwms 화면 상단쪽에 로그인 부분을 만들려면 어떻게 해야하나요? [1] 2012.08.11 by 송동우
비회원 XE 데이터베이스 내의 `xe_documents`테이블에서 document_srl의 정의는  
까꿍맘 초보를 위한 xe 강좌 사이트 추천 부탁드립니다. 꾸벅 [1] 2012.08.11 by 송동우