Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8"/>
- <title>Nazwa twojej strony</title>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.1/animate.min.css" />
- <script type="text/javascript" src="https://code.jquery.com/jquery-1.10.2.js"></script>
- <style>
- body
- {
- color: #ffffff;
- background: url('bground.jpg');
- background-size: 100%;
- }
- ul
- {
- list-style: none;
- background-color: grey;
- width: 150px;
- text-align: center;
- margin: 0;
- padding: 0;
- }
- ul:hover
- {
- background-color: black;
- }
- li a
- {
- text-decoration:none;
- color: white;
- }
- ul li li
- {
- background-color: red;
- }
- ul li li:hover
- {
- background-color: brown;
- }
- ul li ul{
- display:none;
- }
- ul li:hover ul{
- display:block;
- }
- ul li ul li a
- {
- color: black;
- }
- ul li li a:hover
- {
- color: red;
- }
- </style>
- </head>
- <body>
- <ul>
- <li><a href="">Services<a/>
- <ul>
- <li><a href="">Home<a/>
- <li><a href="">Office<a/>
- <li><a href="">Large areas<a/>
- <li><a href="">Garden<a/>
- </ul>
- </li>
- </ul>
- <script>
- $(document).ready(function(){
- $('ul li').hover(function(){
- $('ul li ul').addClass('animated bounceInLeft');
- });
- });
- </script>
- </body>
- </html>
- Tak to powinno wyglądać. U mnie działa u ciebie też to powinno.
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement