کد جاوا اسکریپت دو خط قرمز بسیار زیبا به دنبال موس
کد:
<!– START OF Mouse Cursor Crosshairs DHTML –> <!– SUMMARY BRIEF This DHTML script will make a crosshair to follow your mouse cursor around. You can change the color of the crosshair by changing the color hex codes in the <mce:style><!– tag in the <head> of your document. –> <!– Put this portion of the script inside of your <HEAD> tag –> <style> <!– #leftright, #topdown{ position: absolute; left: 0; top: 0; width: 1px; height: 1px; layer-background-color: #FF0000; background-color: #FF0000; z-index: 100; font-size: 1px; } –></mce:style><style mce_bogus=”1″><!– tag in the <head> of your document. –> <!– Put this portion of the script inside of your <HEAD> tag –> <style> <!– #leftright, #topdown{ position: absolute; left: 0; top: 0; width: 1px; height: 1px; layer-background-color: #FF0000; background-color: #FF0000; z-index: 100; font-size: 1px; } –></style> <!– Put this code after your <BODY> tag. –> <div id=”leftright” style=”width:expression(document.body.clientWidth-2)”></div> <div id=”topdown” style=”height:expression(document.body.clientHeight-2)”></div> <mce:script language=”JavaScript1.2″><!– if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout(“window.onresize=regenerate”,400) } if ((document.all&&!window.print)||document.layers) //if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 // –></mce:script> <!– END OF Mouse Cursor Crosshairs DHTML –>
علاقه مندی ها (بوک مارک ها)