웹팁

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

움직이는 알림장

2004.08.06 13:13:47 댓글 바로가기

집중모드 켜기

17

조회 수 : 2607 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 <==클릭

<head>와 </head> 사이에 아래소스 삽입

<script language="JavaScript">
<!--

var x =0
var y=0
drag = 0
move = 0
window.document.onmousemove = mouseMove
window.document.onmousedown = mouseDown
window.document.onmouseup = mouseUp
window.document.ondragstart = mouseStop
function mouseUp() {
move = 0
}
function mouseDown() {
if (drag) {
clickleft = window.event.x - parseInt(dragObj.style.left)
clicktop = window.event.y - parseInt(dragObj.style.top)
dragObj.style.zIndex += 1
move = 1
}
}
function mouseMove() {
if (move) {
dragObj.style.left = window.event.x - clickleft
dragObj.style.top = window.event.y - clicktop
}
}
function mouseStop() {
window.event.returnValue = false
}
function Show(divid) {
di

vid.filters.blendTrans.apply();
divid.style.visibility = "visible";
divid.filters.blendTrans.play();
}
function Hide(divid) {
divid.filters.blendTrans.apply();
divid.style.visibility = "hidden";
divid.filters.blendTrans.play();
}

//-->
</script>

<body>안에 아래소스 추가

<div id="Notice" style="position:absolute; left:300; top:200; width:200; z-index:5; filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5); border-width:1px; border-style:none;" onmouseover="dragObj=Notice; drag=1;move=0" onmouseout="drag=0">
<table border="0" cellpadding="2" cellspacing="0" width="200" bgcolor="#94AAD6" style="font-family:굴림; font-size:9pt">
<tr>

<td bgcolor="eeeeee"><img src="이미지주소" width="15" height="12">알림장</td>
</tr>
<tr>

<td bgcolor="#FFFFFF" style="padding:7">내용
</tr>
<tr>
<td align="right" bgcolor="#CCCCCC" style="padding:7"><a href="javascript:void(Hide(Notice))"><font color="#000000">close</font></a></td>
</tr>
</table>

색이나, 내용 위치조정은 사용자에 맞게 수정하시면 됩니다.

17 0
이 글이 마음에 드셨다면 빽짱구님에게 포인트를 선물 하세요!
profile 글쓴이 빽짱구

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

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

댓글 '1'

환상 (101914)

2009.09.17 23:29:28

감사합니다~!~!
0 0 신고
List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수sort
66 best of best 서서히 변하는 롤오버 효과 [3] title: [ani]깜빡이는 표정빽짱구 2004-08-19 52 3848
65 회원가입시 주민번호 뒷자리 ****** 처리 title: [ani]깜빡이는 표정빽짱구 2004-08-03 19 3853
64 페이지 전환시 로딩이미지 보이기 [3] title: [ani]깜빡이는 표정빽짱구 2012-05-06   3982
63 폭탄태그 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 12 4099
62 best of best head 파일과 foot 파일 만드는 방법 [6] title: [ani]깜빡이는 표정빽짱구 2004-03-10 68 4124
61 best of best 메일주소를 버튼으로 바꾸기 [2] title: [ani]깜빡이는 표정빽짱구 2005-01-20 28 4150
60 프레임과 노프레임 [4] title: [ani]깜빡이는 표정빽짱구 2004-02-07 14 4154
59 best of best 제 community 메뉴에 쓰인 해드파일과 풋파일 [3] title: [ani]깜빡이는 표정빽짱구 2004-06-08 52 4197
58 자동으로 새로고침하기 title: [ani]깜빡이는 표정빽짱구 2004-08-21 12 4629
57 플래쉬로 검색창 만들기 title: [ani]깜빡이는 표정빽짱구 2004-09-10 11 4658
56 best of best 내홈에서 메신져 추가하기 스크립트 [3] title: [ani]깜빡이는 표정빽짱구 2005-03-09 28 4741
55 best of best 그라데이션 셀렉박스만들기 [1] title: [ani]깜빡이는 표정빽짱구 2005-01-20 29 4761
54 웹폰트 사용하는 홈 한자(한문) 자동 변환 소스 [1] title: [ani]깜빡이는 표정빽짱구 2004-10-25 13 4789
53 best of best 홈페이지,제로보드 성공담 [12] title: [ani]깜빡이는 표정빽짱구 2004-02-09 27 4880
52 우리나라 검색엔지 title: [ani]깜빡이는 표정빽짱구 2004-03-25 10 4922
51 반응형 웹사이트 [1] title: [ani]깜빡이는 표정빽짱구 2012-11-15   4996
50 모바일 환경에서의 마크업 개발 이슈 title: [ani]깜빡이는 표정빽짱구 2010-12-17   5011
49 best of best 플래쉬 swf 파일 투명하게하기 title: [ani]깜빡이는 표정빽짱구 2005-03-08 30 5120
48 google.com 으로 접속하는 방법 title: [ani]깜빡이는 표정빽짱구 2012-08-24 3 5221
47 구글 영문 웹폰트 사용하기 file title: [ani]깜빡이는 표정빽짱구 2012-08-30 2 5222
목록