Skip navigation
cherishrose12344321
cherishrose12344321
Currently Being Moderated

Text fading

May 21, 2012 7:23 AM

Tags: #cs4 #cs5 #cs3 #error #image #adobe #text #div #html #dreamweaver #crash #css #animation #html5 #fading

Hi,

   I would like my text to fade from CALL US ON to 01473 777777.How do i get it to do this?

Thanks for your help guys x

496 Views   5 Replies   Latest reply: Nancy O., May 21, 2012 10:32 AM
 
Replies
  • cherishrose12344321
    Currently Being Moderated
    1. cherishrose12344321,
    May 21, 2012 7:54 AM   in reply to cherishrose12344321
    Report

    Anyone?

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    2. osgood_,
    May 21, 2012 7:56 AM   in reply to cherishrose12344321
    Report

    I cant see anything in your original post, its blank?

     
    |
    Mark as:
  • cherishrose12344321
    Currently Being Moderated
    3. cherishrose12344321,
    May 21, 2012 7:57 AM   in reply to osgood_
    Report

    Hi,

    I would like my text to fade from CALL US ON to 01473 777777.How do i get it to do this?

    Thanks for your help guys x

     

     

     

     

    has it worked now?

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    4. osgood_,
    May 21, 2012 10:22 AM   in reply to cherishrose12344321
    Report

    First download the

    jquery-1.4.2.min.js

    script here and save it into your site folder.

     

    https://communities.cisco.com/docs/DOC-25226

     

     

    Then copy the code below and save it into your site folder:

     

     

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Untitled Document</title>

    <style type="text/css">

    #ptag1, #ptag2 {

        font-size: 45px;

        text-align: center;

        width: 400px;

        margin: 0 auto;

        padding: 100px 0 0 0;

    }

    </style>

    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">

            $(document).ready(function () {

                setTimeFor2Hide();

            });

     

            function setTimeFor1Hide() {

                setTimeout("$('#ptag1').fadeIn(500)", 1200);

                setTimeout("$('#ptag2').fadeOut(500)", 700);

                setTimeout("setTimeFor2Hide();", 2000);

            }

     

            function setTimeFor2Hide() {

                setTimeout("$('#ptag1').fadeOut(500)", 700);

                setTimeout("$('#ptag2').fadeIn(500)", 1200);

                setTimeout("setTimeFor1Hide();", 3000);

            }

        </script>

    </head>

     

    <body>

    <p id="ptag1">CALL US  ON</p>

    <p id="ptag2" style="display:none;">XXXXX XXXXXX</p>

    </body>

    </html>

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    5. Nancy O.,
    May 21, 2012 10:32 AM   in reply to cherishrose12344321
    Report

    Until Adobe finally fixes all the forum problems, please don't use a lot of tags in your posts. Tags cause the question in your main post to disappear.

     

    JiveTags.jpg

     

    I don't know what you mean by fading text.  Can you post an example of what you're trying to achieve?

     

     

     

     

    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists 

    http://alt-web.com/

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points