웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

26

조회 수 : 2397 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25

<head></head>사이에 아래의 소스를 집어넣습니다.

<style type="text/css">
<!--
#floater {position:absolute; visibility:visible}
-->
</style>

<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;
<!-- STALKER CODE -->
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.floater.style.pixelTop += percent;
if(NS) document.floater.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.floater.style.pixelLeft += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
//-->
</script>

위에 소스를 삽입했으면 <body></body>사이에 아래의 소스를 삽입합니다.

<div id=floater style="left:710; top:150; width:15; height:30; z-index:10">내용</div>

여기서 710은 왼쪽에서 710px 떨어진곳 top 150px 위에서 떨어진곳 width와 height는 이미지크기입니다.


내용부분에는 이미지를 집어넣을수도 있죠. 링크를 걸수도 있는겁니다.
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/13933/8ea/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '1'

profile
title: [ani]깜빡이는 표정빽짱구 (13934)

2004.03.14 04:02:03

작성자
헉 이글 중복이네요 ㅡㅡㅋ 제가 올리고도 기억못하고, 또 올렸네요 ㅎㅎㅎ
List of Articles
번호 제목 글쓴이 날짜sort 추천 수 조회 수
26 파폭에서도 @font-face sky 2009-11-25   7239
25 자신만의 favicon 만들어보세요. file [10] title: 버섯이슬이 2010-01-12   6610
24 웹표준의 규격화된 글이 있어서 올립니다^^ 늘푸른 2010-07-24   5490
23 무단링크 .htaccess에서 막기 [1] title: [ani]깜빡이는 표정빽짱구 2010-12-08   5283
22 모바일 환경에서의 마크업 개발 이슈 title: [ani]깜빡이는 표정빽짱구 2010-12-17   5011
21 특정 아이피(ip)막기 [1] title: [ani]깜빡이는 표정빽짱구 2011-02-09   5613
20 hit 아이폰/아이패드에서 '홈화면 추가' 아이콘 변경하기 file [1] title: [ani]깜빡이는 표정빽짱구 2011-02-12 1 13011
19 페이스북 링크의 정보를 설정하는 방법 file title: [ani]깜빡이는 표정빽짱구 2011-03-06   8150
18 scope="col" 와 scope="row" title: [ani]깜빡이는 표정빽짱구 2011-05-24   6796
17 페이지 전환시 로딩이미지 보이기 [3] title: [ani]깜빡이는 표정빽짱구 2012-05-06   3981
16 제가 쓰고 있는 플래쉬 코딩소스 title: [ani]방울UI 2012-05-09   1225
15 ssl 보안인증서가 설치 잘되어있는지 확인하는곳 file [1] title: [ani]깜빡이는 표정빽짱구 2012-08-16   2844
14 google.com 으로 접속하는 방법 title: [ani]깜빡이는 표정빽짱구 2012-08-24 3 5219
13 구글 영문 웹폰트 사용하기 file title: [ani]깜빡이는 표정빽짱구 2012-08-30 2 5216
12 반응형 웹사이트 [1] title: [ani]깜빡이는 표정빽짱구 2012-11-15   4994
11 스마트폰, 태블릿 해상도와 웹브라우저별 해상도 [1] title: [ani]깜빡이는 표정빽짱구 2013-06-03 1 5812
10 반응형 웹 참고 사이트(미디어쿼리) file title: [ani]깜빡이는 표정빽짱구 2013-06-03   2277
9 메일링 코딩 스타일 title: [ani]깜빡이는 표정빽짱구 2013-09-29 1 2980
8 모바일화면 pc에서 확인하기 file title: [ani]깜빡이는 표정빽짱구 2013-12-03   2011
7 [스크랩] HTML5/CSS3 관련 팁 & 튜토리얼 title: 새싹사뎅이 2014-01-14   2067