码迷,mamicode.com
首页 > 其他好文 > 详细

日期插件的一个小特效实现

时间:2017-07-19 22:02:23      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:代码   font   idt   str   line   技术分享   box   one   cti   

html代码
<div class="Date_selection" style="display:none">
<span class="label_name">开始日:</span><p class="laydate-icon" id="start" style="width:200px; margin-right:10px; height:30px; line-height:30px; float:left"></p>
<span class="label_name">结束日:</span><p class="laydate-icon" id="end" style="width:200px;height:30px; line-height:30px; float:left"></p>
</div>



js代码
$(‘#checkbox‘).on(‘click‘,function(){
if($(‘input[name="checkbox"]‘).prop("checked")){
$(‘.Date_selection ‘).css(‘display‘,‘block‘);
}
else{

$(‘.Date_selection‘).css(‘display‘,‘none‘);
}
});

技术分享

  点击后

技术分享

 

 
 

日期插件的一个小特效实现

标签:代码   font   idt   str   line   技术分享   box   one   cti   

原文地址:http://www.cnblogs.com/dujiawang/p/7207751.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!