Her er der en hurtig løsning sat sammen på et par minutter:
- <div>
- <p class="marquee">Tekst her, tekst her</p>
- </div>
- div {
- width:200px;
- height:200px;
- background:green;
- position:relative;
- overflow:hidden;
- }
-
- p {
- width:200px;
- height:20px;
- position:absolute;
- }
- $(document).ready(function () {
- var startMarquee = function() {
- $('.marquee').css('margin-left','200px');
- $('.marquee').animate( {
- 'margin-left':'-200px'
- }, 4000, function() {
- startMarquee();
- });
- }
- startMarquee();
- });
Det kører på jQuery og ikke testet i diverse browsere. Der et link her så du kan se det i aktion,
http://jsfiddle.net/QWX5F/3/
Indlæg senest redigeret d. 26.08.2011 09:17 af Bruger #15754