[Java教程]创建浮动菜单
0 2014-04-04 18:00:17
Insert title herebody{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;
}
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