jQuery按钮切页样式

字体颜色：#337ab7
背景颜色：#1890ff

#nav {width: 100%;height: 40px;margin: 10px 0;font-size: 14px;overflow: hidden;white-space: nowrap;border-bottom: 2px solid #1890ff;
}#nav a {display: inline-block;height: 40px;line-height: 40px;padding: 0 10px;text-decoration: none;border-radius: 4px 4px 0 0;color: #23527c;cursor: pointer;
}#nav a:first-child {background: #1890ff;color: #fff;
}

// 切页改变样式
$("#nav a").click(function () {$("#nav a").css({"background": '#fff', "color": '#337ab7'})$(this).css({"background": '#1890ff', "color": '#fff'})})// 鼠标移入样式
$("#nav a").hover(function () {if ($(this).css('color') !== 'rgb(255, 255, 255)') {$(this).css({"background": '#eeeeee', "color": ' #23527c'})}}, function () {if ($(this).css('color') !== 'rgb(255, 255, 255)') {$(this).css({"background": '#fff', "color": '#337ab7'})}})

jQuery按钮切页样式相关推荐

提升html5的性能体验系列之一避免切页白屏
窗体切换白屏的现实问题 HTML5的性能比原生差很多,比如切页时白屏.列表滚动不流畅.下拉刷新和上拉翻页卡顿. 在低端Android手机上,很多原生App常用的功能和体验效果都很难使用HTML5技术模 ...
vue输入查询内容但不查询，切页刷新表格会出现触发查询的不合理情况
一.问题说明在vue切页时,有时会用到直接调用相关方法来刷新表格的情况,刷新表格时一般会带有几个查询条件的参数,传到后台实现条件查询,但是如果输入查询条件但是不查询(就是输入查询内容,不按查询按钮) ...
DataTable列自定义渲染切页无效重绘
DataTable列自定义渲染切页进行DataTable重绘 jsp代码 table = $("#detail_table").DataTable({language: lang ...
[重磅] 让HTML5达到原生的体验系列之一避免切页白屏
很多人都想.甚至曾使用HTML5开发跨平台App,并且想达到原生App的体验. 最后的结果都是无奈的放弃,HTML5貌似美好,但坑太多,想做到原生App的体验几乎不可为. 也曾有过著名的faceboo ...
提升HTML5的性能体验系列之一避免切页白屏
提升HTML5的性能体验系列之一避免切页白屏白屏切换页面性能转场提升HTML5的性能体验系列文章目录导航: - [提升HTML5的性能体验系列之一避免切页白屏] - 提升HTML5的性能 ...
[重磅] 让HTML5达到原生的体验系列之中的一个避免切页白屏
非常多人都想.甚至曾使用HTML5开发跨平台App.而且想达到原生App的体验. 最后的结果都是无奈的放弃.HTML5貌似美好,但坑太多.想做到原生App的体验差点儿不可为. 也曾有过著名的faceb ...
使用TabLayout+ViewPager+Fragment实现切页展示
使用TabLayout+ViewPager+Fragment是比较常见的实现切页展示的方式,本例是在fragment中实现主要代码步骤: 1,定义TabLayout和ViewPager的布局 2,实 ...
android UI Tab切页效果总结
2019独角兽企业重金招聘Python工程师标准>>> 目前市面上APP 切页效果有两类(just android) 1.底部Tab点击不同的按钮来切换页面 && 滑 ...
jQuery的属性与样式之增加样式、删除样式、切换样式
开发工具与关键技术:Visual Studio ASP.NET MVC 作者:刘剑鸿撰写时间:2019年06月14日星期五 jQuery的属性与样式之增加样式.删除样式.切换样式 1 .addCl ...

jQuery按钮切页样式

jQuery按钮切页样式相关推荐

最新文章

热门文章