|
|
| (18 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html><style>body{background:url("/wiki/images/9/9e/TJU2012-Pg-Mode-bg.png") !important;}</style> | | <html><style>body{background:url("/wiki/images/9/9e/TJU2012-Pg-Mode-bg.png") !important;}</style> |
| - | <script type="text/javascript">
| |
| - | $(document).ready(function()
| |
| - | {
| |
| - | //slides the element with class "menu_body" when mouse is over the paragraph
| |
| - | $("#secondpane p.menu_head").mouseover(function()
| |
| - | {
| |
| - | $(this).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
| |
| - | $(this).siblings();
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| | | | |
| - | <div style="float:left; margin-left:20px;"> <!--This is the second division of right-->
| + | </html> |
| - | <p><strong>Works with mouse over </strong></p>
| + | |
| - | <div class="menu_list" id="secondpane"> <!--Code for menu starts here-->
| + | |
| - | <p class="menu_head">Header-1</p>
| + | |
| - | <div class="menu_body">
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-1</a>
| + | |
| - | </div>
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-2</a>
| + | |
| - | </div>
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-3</a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <p class="menu_head">Header-2</p>
| + | |
| - | <div class="menu_body">
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-1</a>
| + | |
| - | </div>
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-2</a>
| + | |
| - | </div>
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-3</a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | <p class="menu_head">Header-3</p>
| + | |
| - | <div class="menu_body">
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-1</a>
| + | |
| - | </div>
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-2</a>
| + | |
| - | </div>
| + | |
| - | <div class="menu_children">
| + | |
| - | <a href="#">Link-3</a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div> <!--Code for menu ends here-->
| + | |
| - | </div></html>
| + | |
| | {{:Team:Tianjin/header | | {{:Team:Tianjin/header |
| | |image=TJU2012-Pg-Mode-log.png | | |image=TJU2012-Pg-Mode-log.png |
"
