大气美观的全屏日历插件-JQUERY VERBOSE CALENDAR

查看演示立即下载

插件描述：jQuery Verbose Calendar 是一款jquery全屏日历插件，整个日历的颜色是黑白，大气美观。但是官方并没有作过多的介绍，几天我就在这里给大家介绍一下这款插件。由于原插件式英文的日期显示，本站已经修改JS文件汉化了，可以到网盘下载

jQuery Verbose Calendar 是一款jquery全屏日历插件，整个日历的颜色是黑白，大气美观。但是官方并没有作过多的介绍，几天我就在这里给大家介绍一下这款插件。由于原插件式英文的日期显示，本站已经修改JS文件汉化了，可以到网盘下载

使用步骤

1、引入以下的js和css文件

<link rel="stylesheet" href="stylesheets/main.css" type="text/css"media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="javascripts/jquery.calendar/calendar.css"type="text/css" media="screen" title="no title" charset="utf-8">
<script src="javascripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="javascripts/jquery.calendar/jquery.calendar.js"type="text/javascript" charset="utf-8"></script>

2、在head标签中加入以下js代码

<script>
 var myDate = new Date();
 var y=myDate.getFullYear();
 $(document).ready(function() {
    $("#main-container").calendar({
        tipsy_gravity: 's',
        click_callback: calendar_callback,
            year: y,
            scroll_to_date: false
           });
        });
  
   var calendar_callback = function(date) {
        alert(date.day);
}
</script>

3、在body标签中加入以下格式的html代码

<div id="main-container">
      
</div>

参数配置

参数名参数取值参数介绍
tipsy_gravity ‘n’ / ‘s’ / ‘e’ / ‘w’ 但鼠标移动到某个日期上时在哪个方向（东南西北）显示星期几
click_callback 函数点击某个日期的回调函数
year 整数或字符串当前选中的日期，默认为当前日期

scroll_to_date 布尔值初始化时是否滑动到当前日期

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：自适应图片轮播插件-CAROUSEL
下一个特效：简洁清新的轻量级幻灯片-CRAFTYSLIDE