Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Javascript HTML jQuery
how to make image slide from top to html page and stop it there at some little distance.
i dont need a continuous marquee.. but make image to come from top and make it stop there
Posted 17-Nov-12 20:28pm
Comments
Krunal R at 18-Nov-12 3:25am
   
Show your code..
Sergey Alexandrovich Kryukov at 18-Nov-12 12:29pm
   
Not a question. What's the problem with jQuery animation? Read about it, and implement the effect. Should be simple enough. If something goes wrong, as your question, showing your code and explaining what did you want to achieve, what happened with your code, why do you thing this is wrong...
--SA

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

Try this. i think this is what you want to do.
 
<html>
<head>
<style type="text/css">
  #menu {
    position: fixed; /* to fixed postion */
    left: 0; /* margin right to zero */
    top: 50%; /* center of the screen */
    width: 8em; 
    margin: -2.5em 0 0 0;
    z-index: 5; /* top of the all element of the page */
    background: hsla(80, 90%, 40%, 0.7);
    color: white;
    border: solid hsla(80, 90%, 40%, 0.5);
    box-shadow: 0 1px 3px black;
    border-radius: 0.5em 3em 3em 0.5em;
  }
  #menu li { margin: 0 }
  #menu a { color: inherit }
 
  /* Make menu absolute, not fixed, on IE 5 & 6 */
  #menu { position: absolute }
  *>#menu { position: fixed }
 
</style>
 
</head>
 
<body>
<ul id="menu">
<li><a href="#">Section 1</a>
<li><a href="#">Section 2</a>
<li><a href="#">Section 3</a>
</li></li></li></ul>
<h1 style="background: hsla(12, 20%, 20%, 0.7); color:white">Scroll Down Yaar!! :-)</h1><br /><br /><br /><br /><br /><br />
<h1 style="background: hsla(212, 20%, 20%, 0.7); color:white">Scroll Down Yaar!! :-)</h1><br /><br /><br /><br /><br /><br />
<h1 style="background: hsla(121, 40%, 20%, 0.7); color:white">Scroll Down Yaar!! :-)</h1><br /><br /><br /><br /><br /><br />
<h1 style="background: hsla(12, 20%, 20%, 0.7); color:white">Scroll Down Yaar!! :-)</h1><br /><br /><br /><br /><br /><br />
<h1 style="background: hsla(212, 20%, 20%, 0.7); color:white">Scroll Down Yaar!! :-)</h1><br /><br /><br /><br /><br /><br />
<h1 style="background: hsla(121, 40%, 20%, 0.7); color:white">Scroll Down Yaar!! :-)</h1><br /><br /><br /><br /><br /><br />
 
</body>
</html>
  Permalink  
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 Sergey Alexandrovich Kryukov 344
1 Nirav Prabtani 252
2 Abhinav S 220
3 Dave Kreskowiak 155
4 Pikoh 140
0 OriginalGriff 7,545
1 Sergey Alexandrovich Kryukov 6,757
2 Maciej Los 3,909
3 Peter Leow 3,693
4 CHill60 2,712


Advertise | Privacy | Mobile
Web02 | 2.8.140721.1 | Last Updated 22 Nov 2012
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100