What is the html code to display slide out text?

November 6th, 2009 | by admin |

In some sites i have seen, where ever the user scrolls(whether up or down) a box with text or image also scrolls with it… Can anyone tell me the html code to do it in my site?

I believe its actually Java Scripting within html code that enables this effect. Click this link —> http://javascript.internet.com/image-effects/menu-sliding-image.html

It has the sript all written out. Cheers!

Technorati Tags: , , , , , , , , ,

Tags: Cheers, html code, Html Text, Image Effects, Image Html, Java Code, Java Html, Java Scripting, Menu Html, Sript

5 Responses to “What is the html code to display slide out text?”

  1. By V£nk! on Nov 7, 2009

    Its called Marquee.
    You insert the tag <marquee> inside the <body>

    Eg:
    <HTML>
    <HEAD>
    <TITLE>Page
    </TITLE>
    </HEAD>
    <BODY>
    <MARQUEE> My name is George.
    </MARQUEE>
    </BODY>
    <HTML>

    Marquee tag has got a number of attributes
    1)<marquee behavior="alternate">This text will bounce from left to right</marquee>
    2)<marquee bgcolor="blue">This marquee’s background color will be blue.</marquee>
    3)<marquee direction="right">This text will scroll from left to right.</marquee>
    4)<marquee height="20px">The height of this marquee is twenty pixels.</marquee>
    5)<marquee width="100px">This marquee is only a hundred pixels wide!</marquee>
    6)<marquee loop="2">You will only see this text twice before it stops playing.</marquee>
    7)<marquee scrollamount="10">This text will move ten pixels per ‘frame’</marquee>
    8)<marquee scrolldelay="1000">This would be so slow, you’d get no sense of animation.</marquee>
    <marquee scrolldelay="1">This would be so fast, you couldn’t see it!</marquee>

    Note: These all attributes can be included in a single MARQUEE tag.
    <marquee behavior="alternate" bgcolor="blue" scrolldelay="1000"> I Like this Place </MARQUEE>

    Thank You
    References :

  2. By satish on Nov 7, 2009

    try this:
    <marquee direction=left/right/down scrollamout=2 scrollspeed=5 > your text or address of imgbox here</marquee>

    have a good time
    References :

  3. By krodgibami on Nov 7, 2009

    I believe its actually Java Scripting within HTML code that enables this effect. Click this link —> http://javascript.internet.com/image-effects/menu-sliding-image.html

    It has the sript all written out. Cheers!
    References :

  4. By guy 2 on Nov 7, 2009

    Use the below code snippet for slideout

    function slideout()
    {
    if(heightnow < targetheight)
    {
    // increases the height by the inertia stuff
    heightnow += inertiabase;

    // increase the inertia stuff
    inertiabase += inertiainc;

    // it’s possible to exceed the height we want so we use a ternary – (condition) ? when true : when false;
    block.style.height = (heightnow < targetheight) ? heightnow + "px" : targetheight + "px";

    }
    else
    {
    // finished, so make sure the height is what it’s meant to be (inertia can make it off a little)
    // then kill the interval
    clearInterval(slideinterval);
    block.style.height = targetheight + "px";
    }
    }
    References :
    http://www.daniweb.com/blogs/entry655.html

  5. By Cody B on Nov 7, 2009

    <marquee>text here</marquee>
    References :

Post a Comment