CSS3+jQuery日历事件插件

今天向大家分享一个CSS3+jQuery日历事件插件,介绍怎么实现它。 HTML <div class="week"> <div class="day"> ...

      今天向大家分享一个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();});
标签: ulclassslide

更多 ul 相关内容

CSS中的ul与li样式用法详解

更多 class 相关内容

更多 slide 相关内容