웹마스터 팁

//요즘들어... 하는 일 없이 바쁘네요...-_-;; 낮잠자랴... 스타하랴..
ㅋ.... 어쨌든... 필요없는 소스하나 또 올립니다... 이미지 드래그하는 건데요...
응용이 트리 장식에서... 아바타 코디까지..=_=;; 그림이 이뻐야지...ㅋ//

1. head사이에 넣으세요.

<STYLE>
.drag
{
CURSOR: hand; POSITION: relative
}
</STYLE>

2. body에 넣으세요.

<SCRIPT language=JavaScript1.2>
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</SCRIPT>
  
<img src="그림"><!--멈춰 있는 그림>

<!--여기 부터는 드레그가 가능한 이미지-->
<IMG class=drag src="그림1">
<IMG class=drag src="그림2">
<IMG class=drag src="그림3">

미리보기 : http://myhome.naver.com/frankpkg/imagedrag.htm
(그림이 X표 나니까요.. 오른 쪽... 세 X를... 젤 왼쪽거 위에 드래그 해보세요...
되죠? 이런식이라고생각하세요...-0-;; 마땅한 그림이 없어요...)


//헴... 간단하네요...-_-;;  그럼 잘쓰세요...//
제목 글쓴이 날짜
PC에서 모바일화면 보는방법 [2] 빅스타 2015.04.29
스케치북 게시판 추천+등록 버튼 만들기 (수정) [8] file 숭숭군 2012.09.22
양력을 음력으로... [7] pupstar 2001.08.14
[초간단 자바스크립트!] 이미지 드래그하기..~~ [8] ∑Ztxy 2003.11.02
간편 css 압축 Ansi™ 2015.04.21
XE 1.5 이상으로 DB 이전시 일부 DB가 빠질 경우 - 내용추가(0203) [7] sejin7940 2012.02.02
정렬을 사용자정의값으로 한 경우 저장이 안 되는 현상 수정 [1] sejin7940 2015.01.06
프리 반응형 템플릿(html/css/js) 다운받을 수 있는 곳 [1] jhsongsh 2014.10.28
즐겨찾기 소스 - 파비콘등록 soroweb 2015.04.16
누리고 쇼핑몰 상품취소 혹은 반품시 마일리지 자동회복하기 [6] garnecia 2015.01.21
확장변수에 시분초 추가하기 [1] file 해떨 2015.04.15
JS로 IE 6,7,8 구분하기 [4] 키스투엑스이 2015.04.14
|웹폰트(네이버 맑은 고딕, 나눔고딕) 적용하기 [1] 다큰왕자 2014.03.18
나눔고딕 웹 폰트 적용하기. [10] 정찬명 2011.12.15
에디터에서 URL 클릭시 "http://" 삭제하는 방법 [2] 콜롬보. 2015.03.13
통합검색 사용 가부 설정 및 특정 그룹만 사용가능하게 제한 설정 기능 추가 - 보안이슈가 될 수 있는 부분 [1] sejin7940 2015.04.10
요청한 기능을 실행할 수 있는 권한이 없습니다. - 오류해결 file I-JEX 2015.04.10
댓글 새로고침 수정 [22] Lansi 2013.09.06
메인 로고 및 메인 이미지 변경 방법 [1] file okcashbag042 2015.04.08
웹 재요청 방지 및 트래픽 감소를 위한 방법 마루디자인 2015.04.06