基于jQuery实现选取月份插件附源码下载
这是一个基于jQuery的可以选择年份和月份的月份拾取插件，你可以设置点击页面上的任意元素触发弹出年月选择面板，可以是一个链接也可以是一个输入框，广泛应用于月份查询，而无需设置select表单。
效果展示 源码下载
HTML
首先将monthpicker插件相关的css和js文件载入，大家可以到源码下载里下载css和js文件。
<link rel="stylesheet" type="text/css" href="jquery.monthpicker.css"> <script src="jquery.js"></script> <script src="jquery.monthpicker.js"></script>
然后在要放置年月的位置加入如下代码，可以是输入框可以是链接等任意HTML元素。
<a href="#monthpicker" id="monthpicker"></a> <input type="text" class="input" id="monthly">
jQuery
接下来很简单，我们来调用插件。
$(function(){ $('#monthpicker').monthpicker({ years: [2015, 2014, 2013, 2012, 2011], topOffset: 6, onMonthSelect: function(m, y) { console.log('Month: ' + m + ', year: ' + y); } }); $('#monthly').monthpicker({ years: [2015, 2014, 2013, 2012, 2011], topOffset: 6 }) });
代码中可以看出，参数years是一个数组，可以设置年份，参数topOffset就是触发弹出的面板与当前元素的偏移距离。onMonthSelect是选择月份后的回调函数。现在运行网页，点击链接或输入框，会弹出一个年月选择面板，选择好后，面板消失，并在链接上或输入框内显示所选的年月。至于弹出面板中的月份样式可以修改jquery.monthpicker.css中的css来获取最佳视觉效果。
-
本文向大家介绍基于jQuery实现的扇形定时器附源码下载，包括了基于jQuery实现的扇形定时器附源码下载的使用技巧和注意事项，需要的朋友参考一下 效果图如下所示： 效果演示 源码下载 Pietimer是一个可以在页面上生成一个扇形变化的定时器，它基于jQuery，可以自定义定时时间秒数，自定义扇形的颜色、宽度和高度等，并且支持定时结束时回调函数，可以控制开始和暂停，适用于需要定时器的页面如在线
-
本文向大家介绍基于Jquery实现仿百度百科右侧导航代码附源码下载，包括了基于Jquery实现仿百度百科右侧导航代码附源码下载的使用技巧和注意事项，需要的朋友参考一下 先给大家展示下效果图，看看是不是亲想要实现的效果，如果还满意的话请查看本文详情，同时大家也可以下载源码哦。 效果图： 效果展示 源码下载 代码说明: 仿百度百科右侧导航代码jquery插件，这个仿百科右侧导航js代码，在很久以
-
本文向大家介绍jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】，包括了jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery插件FusionWidgets实现的Bulb图效果。分享给大家供大家参考，具体如下： 1、数据源提供 Bulb.xml： 2、inde
-
本文向大家介绍jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】，包括了jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery插件Echarts实现的双轴图效果。分享给大家供大家参考，具体如下： 1、问题描述： 利用Echarts制作一个折线图，条件是：三条折线，一条代表可利用率，另外两条代
-
本文向大家介绍基于jQuery实现仿淘宝套餐选择插件，包括了基于jQuery实现仿淘宝套餐选择插件的使用技巧和注意事项，需要的朋友参考一下 首先是页面HTML代码 然后调用的js 以上就是本文的全部内容了，希望大家能够喜欢
-
本文向大家介绍基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)，包括了基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)的使用技巧和注意事项，需要的朋友参考一下 废话不多说了，先给大家展示下效果图，感兴趣的朋友继续往下看 哦 查看演示 源码下载 HTML 和上一篇文章：使用jQuery和CSS3制作数字时钟(CSS3篇)一样的HTML结构，只是多了个>