Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
Hi, I'm designing a website,in the first page I want to rotate a div when $(document).ready.
when it rotates, scrolls become visible.maybe it's a simple question, but answers are appreciated.tnx
 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>jQuery Rotate</title>
    <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
    <script src="Jquery.rotate.js"></script>
 
</head>
<body>
    <div id="Div1" class="rotation" style="width: 100%; height: 100%; margin-removed auto; margin-removed auto;">
        <img src="Back.jpg" />
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
            document.body.style.backgroundColor = "Black";
            $('#Div1').delay(1000).animate({ rotate: '-20deg'}, 2000);
        });
 
    </script>
</body>
</html>
Posted 22-Apr-13 21:57pm
Comments
vaibhav10Dec1987 at 23-Apr-13 3:44am
   
If you want to completly remove scroll bar from Div1 then try Css property
overflow:hidden;

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 195
1 ProgramFOX 130
2 Maciej Los 105
3 Sergey Alexandrovich Kryukov 105
4 Afzaal Ahmad Zeeshan 82
0 OriginalGriff 6,564
1 Sergey Alexandrovich Kryukov 6,048
2 DamithSL 5,228
3 Manas Bhardwaj 4,717
4 Maciej Los 4,150


Advertise | Privacy | Mobile
Web02 | 2.8.1411022.1 | Last Updated 23 Apr 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100