学习, jquery, 写的, 简单, 下拉
HTML具体代码如下:[html]viewplaincopysidemenu主菜单01子菜单11子菜单12子菜单13主菜单02子菜单21子菜单22子菜单23主菜单03子菜单31子菜单32子菜单33主菜单04子菜单41子菜单42子菜单43主菜单05子菜单51子菜单52子菜单53[/ol] CSS具体代码如下:[css]viewplaincopy#menu{}.m-one{float:left;width:100px;height:40px;line-height:40px;text-align:center;background:#eeeeee;}.m-one:hover{background:#dddddd;}ul,li{list-style:none;margin:0;padding:0;}.m-ul{background:#dddddd;display:none;}.m-li{font-size:12px;height:25px;line-height:25px;}.m-li:hover{background:#cccccc;}[/ol]JQUERY具体代码如下:[javascript]viewplaincopy$(document).ready(function(){$('.m-one').hover(function(){$(this).children('.m-ul').slideDown(200);},function(){$(this).children('.m-ul').slideUp(200);});});[/ol] 下拉 , 菜单 , 简单 |
手机版网站建设需要注意的几个问题