HTML/Java???

Discussion in 'Computers' started by ****, Mar 25, 2016.

  1. ****

    **** Read Only Funster

    Joined:
    Jan 23, 2016
    Messages:
    832
    Likes Received:
    463
    I have this blog

    http://mytintent.blogspot.co.uk/p/blog-page.html

    And that floating menu on the right. I want for another blog to have the floating part but not the links. I want to have a list for dates and when you hover or a date a drop down menu will appear with all the pages for that year.

    Below is the code for the floating menu in the link. It was free to use on some sight so if anyone knows how to shave it down in size or better then do say please as this is all new to me. Learn as i go :D

    Cheers

    Code:
      
    <!-- *********************************************************
         * You may use this code for free on any web page provided that 
         * these comment lines and the following credit remain in the code.
         * Floating Div from http://www.javascript-fx.com
         ********************************************************  -->
    <div id="divTopLeft"     style="position:absolute">
    <!-- Start - put your content here --->
    <b><!-- begin navigation menu -->
    
    <div id="stickynavbar">
    <ul>
    <li><a title="home" href="http://mytintent.blogspot.co.uk/p/blog-page.html">HOME</a></li>
    <li><a title="TITLE" href="http://mytintent.blogspot.co.uk/p/blog-page_18.html">PAGE TWO</a>
    <li><a title="TITLE" href="http://mytintent.blogspot.co.uk/p/blog-page_73.html">PAGE THREE</a></li>
    <li><a title="TITLE" href="http://mytintent.blogspot.co.uk/p/page-four.html">PAGE FOUR</a></li>
    <li><a title="TITLE" href="http://mytintent.blogspot.co.uk/p/page-five.html">PAGE FIVE</a></li>
    </li></ul>
    </div>
    
    <!-- end navigation menu --></b>
    <!-- End   - put your content here --->
    </div>
    
    <script type="text/javascript">
    var ns = (navigator.appName.indexOf("Netscape") != -1);
    var d = document;
    function JSFX_FloatDiv(id, sx, sy)
    {
        var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
        var px = document.layers ? "" : "px";
        window[id + "_obj"] = el;
        if(d.layers)el.style=el;
        el.cx = el.sx = sx;el.cy = el.sy = sy;
        el.sP=function(x,y){this.style.left=x+px;this.style.top=y+px;};
    
        el.floatIt=function()
        {
            var pX, pY;
            pX = (this.sx >= 0) ? 0 : ns ? innerWidth : 
            document.documentElement && document.documentElement.clientWidth ? 
            document.documentElement.clientWidth : document.body.clientWidth;
            pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ? 
            document.documentElement.scrollTop : document.body.scrollTop;
            if(this.sy<0) 
            pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ? 
            document.documentElement.clientHeight : document.body.clientHeight;
            this.cx += (pX + this.sx - this.cx)/8;this.cy += (pY + this.sy - this.cy)/8;
            this.sP(this.cx, this.cy);
            setTimeout(this.id + "_obj.floatIt()", 40);
        }
        return el;
    }
    JSFX_FloatDiv("divTopLeft", 10,30).floatIt();
    </script>
    <!-- ********************************************************* -->
       
     

Share This Page