jquery select css样式,css配合jquery美化 select

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

请选择…

$(document).ready(function() {

$('#basic-usage-demo').fancySelect();

// Boilerplate

var repoName = 'fancyselect'

$.get('' + repoName, function(repo) {

var el = $('#top').find('.repo');

el.find('.stars').text(repo.watchers_count);

el.find('.forks').text(repo.forks_count);

});

var menu = $('#top').find('menu');

function positionMenuArrow() {

var current = menu.find('.current');

menu.find('.arrow').css('left', current.offset().left + (current.outerWidth() / 2));

}

$(window).on('resize', positionMenuArrow);

menu.on('click', 'a', function(e) {

var el = $(this),

href = el.attr('href'),

currentSection = $('#main').find('.current');

e.preventDefault();

menu.find('.current').removeClass('current');

el.addClass('current');

positionMenuArrow();

if (currentSection.length) {

currentSection.fadeOut(300).promise().done(function() {

$(href).addClass('current').fadeIn(300);

});

} else {

$(href).addClass('current').fadeIn(300);

}

});

menu.find('a:first').trigger('click')

});

div#main { font-size: 16px; line-height: 26px; color: #fff; }

div#main div.fancy-select { margin: 0 auto 60px; width: 200px; }

jquery select css样式,css配合jquery美化 select相关推荐

java样式是什么_java css样式 css样式的种类选择器文本相关样式背景相关样式边框盒子模式...
今日内容: ? CSS样式 ? CSS样式的种类 ? 选择器 ? 文本相关样式 ? 背景相关样式 ? 边框 ? 盒子模式 select标签下拉列表标签,常用于单选和多选,是一个组合标签,需要和子标签 ...
在html语言描述中，css的特点有,css样式 css样式语言特点
层叠样式表(英文全称:CascadingStyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言.CSS不仅可以静态地修 ...
html 点击增加样式,js点击添加css样式 css添加jq点击事件 JavaScript点击增加css样式...
js可实现点击后对div或者其他标签增加或者删除css样式,从而达到实现点击触发某种效果的目的.页面样式可以通过style修饰,也可以通过css修饰,改变css或者添加css可以改变页面的排版.代码如 ...
仿苹果 html5 combox,模仿combox(select)控件，不用为美化select烦恼了。
模仿combox(select)控件,不用为美化select烦恼了. 来源:中文源码网浏览: 次日期:2018年9月2日模仿combox(select)控件,不用为美化select烦 ...
使用CSS样式对表格进行美化并对伪类的使用进行解析
 <html> <head> <tit ...
表格内容居中css样式,css表格中的内容如何居中？css表格中的文本样式介绍
你知道css表格的内容太是如何居中的吗?你知道css表格的文本如何设计左对齐吗?你知道css表格如何设置右对齐吗?这些内容都在这篇文章之中等着你来学习了. 首先我们先介绍css表格中的内容是如何居中的 ...
html中初始化css样式,css样式初始化 normalize
总于找到一款良心的css初始化样式重置,哈哈在没上google之前,在百度搜一些腾讯,阿里等初始化样式,效果一般般,勉强用, 网上也有很多类似不过大部分都是去除浏览器所有样式而normalize. ...
html表格居中设置css样式,css怎么设置table居中？
一般情况下,页面中可以利用align进行页面的居中.靠左或者靠右对齐,但是采用CSS样式表来做更简单一些,下面我们来看一下使用css设置table居中的方法. css设置居中的方法: 1.利用marg ...
Vue——在vue中，动态js改变css样式 (css 层叠模式)
vue文件 <el-table ref="myTable"> </el-table> <button @click="click" ...

jquery select css样式,css配合jquery美化 select

jquery select css样式,css配合jquery美化 select相关推荐

最新文章

热门文章