首页 > web前端 > js教程 > 正文

css配合jquery美化 select_jquery

WBOY
发布: 2016-05-16 17:11:32
原创
1337 人浏览过

一个简单的css配合jq美化select
css配合jquery美化 select_jquery 

复制代码 代码如下:







复制代码 代码如下:

<script> <br>$(document).ready(function() { <br>$('#basic-usage-demo').fancySelect(); <br><br>// Boilerplate <br>var repoName = 'fancyselect' <br><br>$.get('' repoName, function(repo) { <br>var el = $('#top').find('.repo'); <br><br>el.find('.stars').text(repo.watchers_count); <br>el.find('.forks').text(repo.forks_count); <br>}); <br><br>var menu = $('#top').find('menu'); <br><br>function positionMenuArrow() { <br>var current = menu.find('.current'); <br><br>menu.find('.arrow').css('left', current.offset().left (current.outerWidth() / 2)); <br>} <br><br>$(window).on('resize', positionMenuArrow); <br><br>menu.on('click', 'a', function(e) { <br>var el = $(this), <br>href = el.attr('href'), <br>currentSection = $('#main').find('.current'); <br><br>e.preventDefault(); <br><br>menu.find('.current').removeClass('current'); <br><br>el.addClass('current'); <br><br>positionMenuArrow(); <br><br>if (currentSection.length) { <br>currentSection.fadeOut(300).promise().done(function() { <br>$(href).addClass('current').fadeIn(300); <br>}); <br>} else { <br>$(href).addClass('current').fadeIn(300); <br>} <br>}); <br><br>menu.find('a:first').trigger('click') <br>}); <br></script>

复制代码 代码如下:


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板