Loading...

Search jQuery

Search

jQuery Forum

Screen name:
Star Light

Star Light's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

Buttom: Scroll to Top
[4Replies]
- 22-Sep-2013 02:08 PM
- Forum: Getting Started
I've created buttom scroll to top. Here is code:
1. $(window).scroll(function(){
2. var wHeight = $(this).height();
3. var wPosition = $(this).scrollTop();
4. if(calPer(wPosition,wHeight)>100) {
5. // If window lower than 100% (of window height) than show up buttom
6. $("#Up").fadeIn(400)
7. } else {
8. $("#Up").fadeOut(400)
9. }
10. });
11. $("#Up").click(function(){
12. $("html").animate({scrollTop: 0},600)
13. /* There is something I don't know why it work.
14. * When I use $(window) => It's won't work!
  * I change to $("body") => Same upon
15. * But it work well when $("html") !!! I don't know why... Plz explain it to me :(
16. */
17. });
Function calculate percent:
1. function calPer(x,full){ // calculate percent
2. var answer = x*100/full
3. return answer;
4. }
Do you have any idea? Is my code well enough? Is there any line need to fix?

How do I use backgroundImage?
[1Reply]
- 20-Sep-2013 09:31 AM
- Forum: Using jQuery
How do I use (change/edit - what ever, I just want to understand how to use) backgroundImage from jQuery?
Here is my example:
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
5. <style>
6. #test {
7. background: #000 no-repeat center url("/image/abc.jpg")
8. }
9. </style>
10. </head>
11. <body>
12. <div id="test"></div>
13. <script>
14. var $ = jQuery.noConflict();
15. $(document).ready(function(){
16. $("#test").click(function(){
17. $("#test").css({
18. backgroundColor: "red",
19. //Down there is my problem:
20.             backgroundImage: "url(xyz.jpg)" //Should I type like this?
          backgroundImage: "url('xyz.jpg')" //Or like this?
          backgroundImage: url("xyz.jpg") //Is this ok?
          /*Plz tell what should I type?
  * (I have tried but it seem won't
  * work on FF & Chrome - Am I wrong something?) */
21. /*And once more question.
  * If I want to remove background,
  * then I should leave it blank or fill null value? */
22. })
23. })
24. })
25. </script>
26. </body>
27. </html>

«Prev
Next »