一个简单的CSS JQ美化选择
复制代码代码如下所示：



请选择…
一
二
三




复制代码代码如下所示：

$（文档）Ready（函数（）{）
$（#基本用法演示）。FancySelect（）；

/ /样板
无功reponame = 'fancyselect

美元。得到（+ reponame，功能（回购）{
var el =美元（#顶部）。找到（'。回购）；

El.find（的明星），文本（回购。watchers_count）；
El.find（'叉'）。文本（回购。forks_count）；
}）；

菜单= $（#顶部）找到（菜单'）；

功能positionmenuarrow（）{
无功电流= menu.find（'当前'）；

Menu.find（'箭'），Css（右），current.offset（左+（current.outerwidth（） / 2）））；
}

$（窗口），（'resize '，positionmenuarrow）；

Menu.on（听到咔哒声，'a'，功能（e）{）
var = $（this），
href = el.attr（'href），
currentsection = $（主要#）。找到（'当前'）；

E.preventDefault（）；

Menu.find（'。当前）。RemoveClass（当前的）；

El.addClass（当前的）；

PositionMenuArrow（）；

如果（currentsection。长度）{
currentsection.fadeout（300）。承诺（），做（功能（）{）
$（href）。AddClass（当前的）FadeIn（300）；
}）；
{人}
$（href）。AddClass（当前的）FadeIn（300）；
}
}）；

Menu.find（A：第一），Trigger（听到咔哒声）
}）；


复制代码代码如下所示：


DIV #主要{字体大小：16px；线高度：26px；颜色：# FFF；}
DIV #主要div.fancy-select { margin: 0 auto 60px；宽度：200px；}