JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > CSS3+jQuery日历事件插件

CSS3+jQuery日历事件插件


      今天向大家分享一个CSS3+jQuery日历事件插件,介绍怎么实现它。
HTML
<div class="week">    <div class="day">        <div class="daybar">            <p>31</p>        </div>        <div class="dots">           <ul>               <li></li>           </ul>        </div>        <!-- slide open -->        <div class="open">           <ul>               <li></li>           </ul>        </div>        <!-- slide closed -->    </div></div>
<div class="dots">    <ul>        <li class="red"></li>        <li class="green"></li>        <li class="yellow"></li>        <li class="blue"></li>    </ul></div>
Jquery
function initMenu() {//create variable named "block" and put class ".day" in it    var block = $(".day");//hide every div with class "open"    $('.open').hide();//when a div with class ".day" is clicked ...    block.click(        function() {//... find all divs with class "open" and slide them open            $(this).parents('div:eq(0)').find('.open').slideToggle('fast');        }    );}$(document).ready(function() {initMenu();});

【CSS3+jQuery日历事件插件】相关文章

1. CSS3+jQuery日历事件插件

2. CSS3+jQuery日历事件插件

3. 实用的jQuery日历插件推荐

4. 9个实用jQuery日历插件

5. jQuery日历插件Fullcalendar的基础使用

6. 8个基于jQuery和HTML5的日历时钟插件

7. jquery 新建的元素事件绑定问题

8. jquery 新建的元素事件绑定问题

9. 基于jQuery 的日历控件 xGCalendar

10. jQuery 制作逼真的日历翻转效果的倒计时

本文来源:https://www.51html5.com/a1198.html

点击展开全部

﹝CSS3+jQuery日历事件插件﹞相关内容

「CSS3+jQuery日历事件插件」相关专题

其它栏目

也许您还喜欢