• 0

How can I transition Text?


Question

Hi everyone. I am working on a little website for myself and I wanted to transition a little bit of text through several different preset blocks of text at a set interval and I haven't been able to figure this out. So I figured I would post here and see if anyone knows how I can do this.

I am assuming I would need to do this through Javascript, but I wasn't sure. A lot of colleagues use old browsers so I can't really use html5 just yet.

Basically, I have the following text as an example and I want to change it every 10s or so.

"Polite and helpful"

"Available for your project"

"Reliable"

etc.

I'll probably have like 5 or 6 when I'm done.

Does anyone happen to know how this could be done? No matter what I search for online for this particular thing I get results for changing font color and stuff, not changing the actual text.

Thanks. :)

Link to comment
https://www.neowin.net/forum/topic/1152594-how-can-i-transition-text/
Share on other sites

5 answers to this question

Recommended Posts

  • 0

I believe this will work, just put your different phrases in li's or div's, whichever it works with.. it's fairly straight forward:

http://jquery.malsup.com/cycle/

Although I'd wait to see if anyone else comments, I think what you're wanting can be done in literally a few short lines of JS

  • 0

I believe this will work, just put your different phrases in li's or div's, whichever it works with.. it's fairly straight forward:

http://jquery.malsup.com/cycle/

Although I'd wait to see if anyone else comments, I think what you're wanting can be done in literally a few short lines of JS

Agree. Cycle should work fine for this.

  • 0

Thank you everyone. I will take a look at that. :) I was having a very hard time with this because all of the solutions that I found were for images but I couldn't find something that worked with text.

I really appreciate the help.

And @the better twin: Really nice site. :)

  • 0

Thank you everyone. I will take a look at that. :) I was having a very hard time with this because all of the solutions that I found were for images but I couldn't find something that worked with text.

I really appreciate the help.

And @the better twin: Really nice site. :)

Thanks its still a wip but slowly getting there.

Most of the solutions for image scrolling should work for text scrolling too as a lot of them scroll the content in div's or list items so you can put pretty much anything in there. That's what the testimonials on my site is like. its an image scroller without any images.

This topic is now closed to further replies.
  • Posts

    • Hello, I have used a few TEAM Group SSDs, USB flash drives, and Micro SDXC cards in the past. They all seemed to work fine. Regards, Aryeh Goretsky
    • "just $100 per TB"? Just? Are we trying to make this seem like the new normal? Kinda weird to make it sound like that is not a ridiculously expensive asking price.
    • The reviews you refer to mean nothing. Where there is no journalism there is no reason to call the gaming media's opinion pieces "reviews". For GP games there is indeed a metric for success - increasing subscriptions. Which turns in revenue. The only circumstance in which subs do not rise when great is being released is a Game Pass system where the company is close to fully saturated with customers in a subscription. However, in that case as the theory goes you spend aplenty in all kind of games - from shady live service cash cows and customer offending agitprop crap in purple colours to robust and entertaining single player games. And keep a solid level of profitability. Ignoring the simply innocuous but mid games MGS has released primarily of the second kind.
    • Report: Microsoft to use AWS to help GitHub deal with a major surge in demand by Pradeep Viswanathan Thanks to the surge of coding AI agents, GitHub's usage has skyrocketed over the past 12 months. To meet this demand, GitHub started with a plan in October 2025 to increase capacity by 10x. However, by early this year, the company realized that it needed 30x scale. This rapid growth has caused severe strain on the platform's reliability, resulting in several small outages over the past few months. In April, GitHub published a long blog post explaining the steps it is taking to resolve these reliability issues. In the post, the company also confirmed that it is working toward a multi-cloud architecture for better resilience. Today, Business Insider reported that GitHub is turning to Amazon Web Services to help deal with a major surge in AI-driven coding activity. It is important to note that GitHub is still in the process of moving completely to the Azure cloud. The current plan is to move the platform fully to Azure by 2027 so that it can scale better as per developer demand. Therefore, the current decision to utilize AWS might be part of a short-term plan to meet immediate demand. A Microsoft spokesperson confirmed that GitHub is using multiple cloud providers with the following statement: For Microsoft, the decision highlights the operational pressure behind the AI boom. GitHub has to stay reliable for developers at a time when rivals such as Codex, Cursor, Claude Code, and other AI coding tools are gaining attention. And the decision to use AWS for computing capacity seems practical given the circumstances.
    • It's growing on me, however, your right, it make better usability sense if the tabs were bellow the address bar.
  • Recent Achievements

    • Collaborator
      vjlex earned a badge
      Collaborator
    • Reacting Well
      Dys Topia earned a badge
      Reacting Well
    • Conversation Starter
      NovaEdgeX earned a badge
      Conversation Starter
    • One Year In
      Console General earned a badge
      One Year In
    • Week One Done
      Twozo Technologies earned a badge
      Week One Done
  • Popular Contributors

    1. 1
      +primortal
      517
    2. 2
      +Edouard
      182
    3. 3
      PsYcHoKiLLa
      106
    4. 4
      Steven P.
      88
    5. 5
      ATLien_0
      68
  • Tell a friend

    Love Neowin? Tell a friend!