|
|
마우스를 가져가면 스크롤되는 글상자
마우스를 화살표에 가져가면 글이 마퀴태그를 적용한듯 올라가는 소스입니다. 이 소스를 그대로 가져다가 메모장에 넣으신 후... html로 저장해서 실행해 보세요. 게시판에서는 자바스크립트가 적용이 되지 않기에 소스만 올립니다. <html> <HEAD> </HEAD> <BODY> <script type="text/javascript"> //스크롤 속도 (이 값이 크면 클 수록 속도가 빠름) var speed=5 </script> <div id="myContainer" style="position:relative;width:420px;height:160px;border:1px dotted black;overflow:hidden"> <div id="myContent" style="position:absolute;width:380px;left:20;top:20"> <!--원하는 콘텐츠를 삽입하는 공간--> <p>진정한 유머는 독서와 사색을 통해 쌓은 교양과 자신의 삶을 관조할 수 있는 여유에서 나오는 것 같습니다.</p> <p>'유머가 있는 사람'과 '웃기는 이야기를 많이 아는 사람'은 다르다고 합니다. 인터넷 사이트나 유머 책자에 있는 짧은 우스운 글들을 여러개 외우고 있다고해서 그를 유머가 풍부하다고 하지는 않는다는 얘기지요.</p> <p>유교 문화속에서 엄숙주의가 지배했던 한국사회도, 어느새 유머가 리더의 중요한 자질중의 하나로 간주되는, 그런 분위기로 바뀌고 있습니다. 크던 작던 한 조직의 리더가 되려면 유머감각을 갖추려는 노력을 해야하는 상황입니다.</p> <p>저는 레이건을 그의 정책이나 이념을 떠나서 개인적으로 대단한 사람이라고 생각합니다. 저격범 힝클리의 총에 맞아 쓰러진 급박한 상황. 생명을 잃을 수도 있는 그 상황에서, 수술실로 들어가면서 의사들에게 유머를 구사할 수 있는 '여유'가 그에게는 있었습니다.</p> <p>공화당 출신의 대통령이었던 그는 그 위급한 상황에서도 의사들에게 "당신들 설마 민주당원은 아니겠지?"라고 조크를 던졌습니다.</p> <!--콘텐츠 삽입 끝--> </div> </div> <div style="width:420px;text-align:right"> <a href="#" onMouseover="moveup()" onMouseout="clearTimeout(moveupvar)"><img src="http://korea.internet.com/images/scrollUp.gif" border=0></a> <a href="#" onMouseover="movedown()" onMouseout="clearTimeout(movedownvar)"><img src="http://korea.internet.com/images/scrollDown.gif" border=0></a></div> <script language="JavaScript1.2"> var objContent=document.getElementById? document.getElementById("myContent") : document.all.myContent var objContentHeight=objContent.offsetHeight function movedown(){ if (parseInt(objContent.style.top)>=(objContentHeight*(-1)+100)) objContent.style.top=parseInt(objContent.style.top)-speed+"px" movedownvar=setTimeout("movedown()",20) } function moveup(){ if (parseInt(objContent.style.top)<=0) objContent.style.top=parseInt(objContent.style.top)+speed+"px" moveupvar=setTimeout("moveup()",20) } function getContentHeight(){ objContentHeight=objContent.offsetHeight } window.onload=getContentHeight </script> <p><p> <p align="center"><a href="/channel/content.asp?kid=13&nid=28910#test"><img src="/images/w_list3.gif" border="0"></a></p> </body> </html> |
| 
|
