www.webdeveloper.com
Results 1 to 3 of 3

Thread: how to use fadeIn() feature using javascript.

  1. #1
    Join Date
    Sep 2012
    Posts
    1

    how to use fadeIn() feature using javascript.

    hii everybody i am very much new to java EE nad ollso very much new to this site ...
    so i was trying to create a fade in effect using javascript(). i wanted that when i click on (read more) link on my page a div should display with a fading effect.
    i ev created a div named read2 in which i have inserted a paragraph whic should be displayed .
    the coding is given below-
    <div id="read2"><p>this will be displayed on click</p></div>


    <p class="links"><a href="javascript:void(0)" class="more" onclick="read()">Read More</a><a href="#" title="b0x"
    class="comments">Comments</a></p>
    <script type="text/javascript">

    function read()
    {
    $("#read2").fadeIn();
    }

    </script>
    can anyone help me with it ....
    i will be very thankfull .....regards RAMAN......

  2. #2
    Join Date
    Sep 2012
    Posts
    4
    You're using JQuery API, so have you inserted JQUERY right?
    Code:
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    Then you can use JQuerys cool abilities

  3. #3
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    it's much better to take care of things like this using CSS instead of unneeded scripting.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles