css配合jquery美化挑选

一个简单的钢性铸铁配合日本季刊日本季刊美化选择

复制代码代码如下： div id='main '节id='基本-用法'选择id='基本-使用-演示'选项值=' '请选择…/选项1/选项2/选项3/选项/选择/部分/div复制代码代码如下：脚本$(文档)。ready(function(){ $(' # basic-usage-demo ')).花式选择()；//样板var repoName='fancyselect' $ .get(')回购名，函数（回购){ var el=$('#top ').查找('。回购');el.find(' .星星')。文本(回购。watchers _ count)；el.find(' .叉子')。文本(回购。forks _ count)；});定义变量菜单=$('#top ').查找('菜单');函数positionMenuArrow(){ var current=menu。查找(' .当前');menu.find(' .箭头')。css(“”左current.offset().左(当前。out width()/2))；} $(窗口)。on('resize '，positionMenuArrow)；menu.on('click '，' a '，function(e) { var el=$(this)，href=el.attr('href ')，currentSection=$('#main ').查找('。当前');e . PreventDefault()；menu.find(' .当前')。removeClass(“”当前');埃尔。add CLaSS(' current ')；positionMenuArrow()；if(当前部分。长度){当前部分。淡出(300).承诺()。done(function() { $(href)).addClass('current ').法丁(300);});} else { $(href).addClass('current ').法丁(300);} });menu.find('a:first ').触发器(“点击”)})；/script复制代码代码如下：样式类型=' text/CSS ' div # main { font-size : 16px；线高： 26pxcolor: # fff } div #主div。花式-选择{ margin: 0 auto 60px宽度： 200像素；}/样式