<title>테스트</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> p{text-indent:2em} </style> <a href="http://www.jb51.net" onmouseover="showContent(0, event)" onmouseout="hiddenContent(0, event)" style="cursor:default"> </a>링크<div id="content0" style="width:200px;height:300px;padding:2em;display:none"> </div> 기사제목 1번인데 내용이 불투명하네요 <span onmouseover="showContent(1, event)" onmouseout="hiddenContent(1, event)" style="cursor:default"> </span>안내 문자가 있습니다<div id="content1" style="width:200px;height:300px;padding:2em;display:none;font-weight:700"> </div> 기사제목 2번인데 내용이 불투명하네요 <div style="width:34%;color:#226"> <p> </p>교육은 완전히 다른 미래의 문을 여는 중요한 열쇠입니다. 미국 내 상위 10대 도시 중 요구 사항 중등교육 이하 교육을 받은 사람들의 일자리 수는 1970년 이후 절반으로 줄었습니다. 1989년부터, 미국에서 창출된 새로운 일자리의 2/3는 전문직 및 관리직에 있습니다(38). 독일에서는 2010년까지 비숙련 근로자를 위한 일자리는 1976년 35%에서 10%에 불과합니다. (39) <p> </p>하지만 이것은 단순한 실업 문제가 아닙니다. 청년실업자, 폭력범죄 더 많이 저지르는 경향 있어 그들은 유죄이며 부모의 책임을 맡을 의사가 없습니다. "사춘기 소년들은 가장 변덕스럽고 폭력적입니다. 미국에서 발생하는 모든 폭력 범죄의 절반은 24세 미만의 소년이 저지르고, 미국에서 폭력 범죄의 4분의 1은 24세 미만의 소년이 저지릅니다. 해당 범죄는 18세 미만의 소년이 저질렀습니다. 대부분의 서구 국가의 수치도 미국의 수치와 유사합니다. "</div> [Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ] function opacity(id, opacStart, opacEnd, millisec) { //speed for each frame var speed = Math.round(millisec / 100); var timer = 0; //determine the direction for the blending, if start and end are the same nothing happens if(opacStart > opacEnd) { for(i = opacStart; i >= opacEnd; i--) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } else if(opacStart < opacEnd) { for(i = opacStart; i <= opacEnd; i++) { setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); timer++; } } } //change the opacity for different browsers function changeOpac(opacity, id) { var obj = document.getElementById(id); if (obj) { var s = obj.style; s.opacity = (opacity / 100); s.MozOpacity = (opacity / 100); s.KhtmlOpacity = (opacity / 100); s.filter = "alpha(opacity=" + opacity + ")"; s = null; } } function shiftOpacity(id, millisec) { //if an element is invisible, make it visible, else make it ivisible if(document.getElementById(id).style.opacity == 0) { opacity(id, 0, 100, millisec); } else { opacity(id, 100, 0, millisec); } } function blendimage(divid, imageid, imagefile, millisec) { var speed = Math.round(millisec / 100); var timer = 0; //set the current image as background document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")"; //make image transparent changeOpac(0, imageid); //make new image document.getElementById(imageid).src = imagefile; //fade in image for(i = 0; i <= 100; i++) { setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed)); timer++; } } function currentOpac(id, opacEnd, millisec) { //standard opacity is 100 var currentOpac = 100; //if the element has an opacity set, get it if(document.getElementById(id).style.opacity < 100) { currentOpac = document.getElementById(id).style.opacity * 100; } //call for the function that changes the opacity opacity(id, currentOpac, opacEnd, millisec) } function showContent(i, event){ showid = "content" + i; var target = document.getElementById(showid); target.style.position = "absolute"; if(navigator.appName!="Netscape"){ event=window.event; event.srcElement.style.fontWeight = "700"; } else { event.target.style.fontWeight = "700"; } target.style.top = event.clientY + 22 +"px"; target.style.left = event.clientX + 12 + "px"; //复制一个背景 var bg = target.cloneNode(true); if (bg) { bg.id="bg1"; if (bg.style.backgroundColor.length==0) { bg.style.backgroundColor ="#FFFFE1"; } bg.style.filter = "alpha(opacity=0)"; bg.style.opacity = 0; target.parentNode.appendChild(bg); opacity("bg1", 0, 90, 300); bg.style.display="block"; } target.style.display = "block"; } function hiddenContent(i, event){ if(navigator.appName!="Netscape"){ event=window.event; event.srcElement.style.fontWeight = "400"; } else { event.target.style.fontWeight = "400"; } hiddenid = "content" + i; document.getElementById(hiddenid).style.display = "none"; var bg = document.getElementById("bg1"); if (bg) { bg.parentNode.removeChild(bg); } }
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
