FREE CODE Sunday, 12.16.2018, 1:14 PM
Main | Registration | Login Welcome Guest | RSS
[ New messages · Members · Forum rules · Search · RSS ]
۞Forum Statistics۞
NEW TOPPIV
HOT TOPPIC
TOP MEMBERS
NEW MEMBERS
  • check code here Have(0) reviews faxuhi
  • Keywords meta Tags Have(0) reviews faxuhi
  • text box Have(0) reviews faxuhi
  • Page description Have(0) reviews faxuhi
  • marquee Have(0) reviews faxuhi
  • print your page Have(0) reviews faxuhi
  • choose your country Have(0) reviews faxuhi
  • check all - unchek all Have(0) reviews faxuhi
  • shadow text Have(0) reviews faxuhi
  • Beautiful text two Have(0) reviews faxuhi
  • Nice menu with java script <p1> Have(2) reviews faxuhi
  • Mouse Clock Have(1) reviews faxuhi
  • HTML table placeholder Have(0) reviews faxuhi
  • Html graphic bullets Have(0) reviews faxuhi
  • Different times of the world by the users choice from a list Have(0) reviews faxuhi
  • Mouseover Alert HTML Script Have(0) reviews faxuhi
  • Redirect to another page and link automatically to other pg Have(0) reviews faxuhi
  • Combo box link box to browse your website easily Have(0) reviews faxuhi
  • Message to user by clicking a button Have(0) reviews faxuhi
  • Background changing color effect Have(0) reviews faxuhi
  • faxuhi[189]Bài
  • mcsnagger0022[0]Bài
  • thinknoodles[0]Bài
  • karaganis888[0]Bài
  • faxuhi [189]Bài
  • mcsnagger0022 [0]Bài
  • thinknoodles [0]Bài
  • karaganis888 [0]Bài
    • Page 1 of 1
    • 1
    Forum » Web Javascript » Two lines following mouse » Two lines following mouse
    Two lines following mouse
    faxuhiDate: Sunday, 07.24.2011, 11:58 AM | Message # 1
    Colonel
    Group: Administrators
    Messages: 189
    Reputation: 0
    Status: Offline
    Code
    <!-- 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 <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;
    }

    -->
    </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>

    <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

    //-->
    </script>

    <!-- END OF Mouse Cursor Crosshairs DHTML -->
     
    Forum » Web Javascript » Two lines following mouse » Two lines following mouse
    • Page 1 of 1
    • 1
    Search:

    Copyright MyCorp © 2018 Website builderuCoz