java浮动_[Java教程]创建浮动菜单

[Java教程]创建浮动菜单

0 2014-04-04 18:00:17

Insert title here

body{font-family:"trebuchet MS",Arial;

font-size:14px;width:500px;

}

.longP,ul{

margin:0;padding:0;

}

ul{

list-style:none;

}

.longP{

border:1px solid black;

height:1000px;

width:300px;

}

#floatingBox{

border:1px solid black;

padding:10px;

position:absolute;

right:50px;

width:200px;

}

.menu{

font-weight:bold;

margin-top:10px;

}

.menuItem{

margin:0;

padding:10px;

}

span{

color:#FA766;

cursor:pointer;

text-decoration:underline;

}

• Menu Item 1

  • Sub link 1
  • Sub link 2
  • Sub link 3

• Menu Item 2

  • Sub menu

    • 3rd level menu

      • Sub link 1
      • Sub link 2
      • Sub link 3
  • Sub Link1
  • Sub Link1

This is paragraphp with hegiht set to 1000 to craete a long page

$(document).ready(function(){

$('.menuItem').hide();

$(window).scroll(floatDiv);

floatDiv();

});

function floatDiv(){

$('#floatingBox').animate({top:$(document).scrollTop()+"px"},{duration:250,queue:false});

}

$('span.menu').click(function(){

$(this).next('ul').slideToggle('fast');

});

本文网址：http://www.shaoqun.com/a/87752.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

0