Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.

JavaScript / DOM / AJAX: Rotate text with fadein/out??

Bottom of Page

1 to 7 of 7

  1.  
  1.  permalink
    Hi!

    I'm looking for the JS script to rotate text with fadein/out effect
    so the text is located in div or just between "p" tag.
    with a some class.

    Can't seems to find anything like that. Found one but it's just rotates text and
    doesn't have smooth fadein/out effect.

    Any help appriciated.

    Best, DS
    •  
      CommentAuthorJohnRiv
    • CommentTimeMay 18th 2007
     permalink
    check out this page:

    http://www.quirksmode.org/js/opacity.html

    that should help you get started
  3.  permalink
    Hi DS,

    I'm not sure the exact effect you're going for but this should help you out.

    http://www.axentric.com/posts/default/7
  4.  permalink
    Not exactly what I need.
    I was thinking of more something like that
    <div id="notes">
    <p class="dynamic" style="display:none">Content #1</p>
    <p class="dynamic" style="display:none">Content #2</p>
    <p class="dynamic" style="display:none">Content #3</p>
    </div>
    So the JS script reads all the "p" with in array located inside "notes" DIV
    Then message slowly appers, paused and next one appears and so on.

    Best, DS
    •  
      CommentAuthordroppyale
    • CommentTimeMay 19th 2007
     permalink
    This works nicely. You might need to modify the code to use <p> insteand of <li> though.

    http://www.bartelme.at/journal/archive/accessible_javascript_newsticker
    • CommentAuthorPettyRider
    • CommentTimeMay 19th 2007 edited
     permalink
    Look up jquery and the innerfade plugin. It works on children of a given element, so you can keep your markup how you want it (although an ordered list makes sense for sequential news items). And it's essentially "one line" of code to implement.
    $('#notes').innerfade({[...some params to set...]})
  7.  permalink
    Hey droppyale!

    Thanks for the link.
    That exactly what I need.

1 to 7 of 7

  1.  
Add your comments
    Username Password
  • Format comments as (Help)
 
Back to Discussions Top of Page