스터디그룹 > 자바스크립트&HTML&XML > 마우스로 글자를 드레그해서 이동하기

HOME 로그인 회원가입




비밀번호 찾기 자동로긴

이전게시판

free_board

건강게시판

오라클DB

Linux

HTML/javascript

질문과 답

호서기

이미지게시판

건강게시판

음악자료

성준이 게시판

2005-08-26 13:37:54

2999

마우스로 글자를 드레그해서 이동하기

호석

일반

<pre><x-script language=\'JavaScript\'>

document.write(\'<st\'+\'yle>\');
document.write(\'td {font-size:12px; font-family:굴림; text-decoration:none; }\');
document.write(\'A:link,A:active,A:visited{text-decoration:none;font-size:12PX;color:#333333;}\');
document.write(\'A:hover {text-decoration:none; color:ff9900}\');
document.write(\'font { font-size: 9pt; }\');
document.write(\'.cnj_drag { position:relative;cursor:hand }\');
document.write(\'.cnj_input {background-color:rgb(240,240,240);border-width:1pt; height:16pt;cursor:hand;}\');
document.write(\'.cnj_input2 {border-width:1; border-color:rgb(204,204,204); border-style:solid;}\');
document.write(\'.cnj_input3 { border-width:1; border-style:solid; border-color:#000000; color:#0084D4; background-color:white;text-align:right;}\');
document.write(\'.cnj_input4 { scrollbar-face-color: #FFCC33;scrollbar-shadow-color: #ffffff;scrollbar-highlight-color: #F3f3f3;scrollbar-3dlight-color: #ffffff;scrollbar-darkshadow-color: #F3f3f3;scrollbar-track-color: #ffffff;scrollbar-arrow-color: #f9f9f9; }\');
document.write(\'</st\'+\'yle>\');
var ie=document.all
var ns6=document.getElementById&&!document.all
var dragapproved=false
var z,x,y
function move(e){
if (dragapproved){
z.style.left=ns6? temp1+e.clientX-x: temp1+event.clientX-x
z.style.top=ns6? temp2+e.clientY-y : temp2+event.clientY-y
return false
}
}

function drags(e){
if (!ie&&!ns6)
return
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? \"HTML\" : \"BODY\"

while (firedobj.tagName!=topelement&&firedobj.className!=\"cnj_drag\"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.className==\"cnj_drag\"){
dragapproved=true
z=firedobj
temp1=parseInt(z.style.left+0)
temp2=parseInt(z.style.top+0)
x=ns6? e.clientX: event.clientX
y=ns6? e.clientY: event.clientY
document.onmousemove=move
return false
}
}
document.onmousedown=drags
document.onmouseup=new Function(\"dragapproved=false\")
//-->
</x-script></pre>


<br>
<div class=\"cnj_drag\">이미지나 텍스트 파일을 드래그 해서 이동해보세요</div><br><br>
<img src=\"../img/cnj-logo.gif\" class=\"cnj_drag\">
<div class=\"cnj_drag\">
<font color=\"red\">CGI </font>
<font color=\"blue\">와 </font>
<font color=\"#00c600\">JavaScript</font>
<font color=\"#000000\">가 만났을 때=</font>
<font color=\"red\">C</font>
<font color=\"black\">.</font>
<font color=\"blue\">n</font>
<font color=\"black\">.</font>
<font color=\"#00c600\">J</font>
</div>


18	일반	XML Parser for C (1)	호석	06-07-28	2973

17	일반	[ajax] ajax 로 구현한 게시판 진짜빠름 .... 와우	호석	06-06-13	2721

16	일반	[xml] xml 정리자료	호석	06-06-07	2822

15	일반	[xml] 스키마에 대해서 (1)	호석	06-05-25	2798

14	일반	[ajax] 자바스크립트로 xml문서 가져오기	호석	06-05-24	3086

13	일반	[ajax]아작스 연동 나우누리 웹2.0 싸이트	호석	06-05-24	2748

12	일반	[JSON] 자바스크립트에서 리턴값 여러개 보내기	호석	06-05-20	3480

11	일반	오라클 9i에 XML 저장하기	호석	06-04-28	3197

10	일반	xml 연동하기 (플래쉬)	호석	06-04-28	3976

9	일반	RSS 란 무엇인가 ?	호석	06-04-11	2664

8	일반	[javascript]전체선택 기능 및 객체 확인	호석	05-10-21	3060

	일반	마우스로 글자를 드레그해서 이동하기	호석	05-08-26	3000

6	일반	페이지 상단(TOP)으로 이동하기 scrollTo(0,0)	호석	05-08-23	3300

5	일반	테이블에 마우스 롤오버 기능	호석	05-08-23	3185

4	일반	javascript select option 배열의 사용 활용	호석	05-08-19	3809

[1] [2] 3 [4]