2017年5月26日
js 简易年历
摘要： html部分 <div class='calendar'> <div class="tabBox" id='nav' > <ul> <li><h3>1</h3><p>jan</p></li> <li><h3>2</h3><p>jan</p></li> <li><h3>3</h3><p>jan</p> 阅读全文
posted @ 2017-05-26 11:02 阳光透过幸福 阅读(126) 评论(0) 推荐(0)
2017年5月25日
原生tab选项卡制作
摘要： html部分 <div class="tab"> <div class="nav"> <ul> <li class="active">选项1<i></i></li> <li>选项2<i></i></li> <li>选项3<i></i></li> </ul> </div> <div class="co 阅读全文
posted @ 2017-05-25 16:47 阳光透过幸福 阅读(151) 评论(0) 推荐(0)
checkbox 全选效果
摘要： html部分 <p id="all">全选</p> <input type="checkbox" /><br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> 阅读全文
posted @ 2017-05-25 15:26 阳光透过幸福 阅读(84) 评论(0) 推荐(0)
原生ajax封装
摘要： function ajax（url，fnSucc，fnFaild）{ //url 传入的地址 fnSucc成功时函数 fnFaild 失败时函数 var oAjax=null； //创建ajax对象 if（window.XMLHttpRequest）{ oAjax=new XMLHttpReques 阅读全文
posted @ 2017-05-25 11:41 阳光透过幸福 阅读(114) 评论(0) 推荐(0)
2017年5月22日
商品导航栏菜单
摘要： html部分 <div class="wrap" id="text"> <ul > <li data-id="a"><span>家用电器</span></li> <li data-id="b"><span>美妆/彩妆</span></li> <li data-id="c"><span>生活用品</s 阅读全文
posted @ 2017-05-22 09:34 阳光透过幸福 阅读(140) 评论(0) 推荐(0)
验证码的倒计时
摘要： html部分 <div> <p>倒计时：</p> <input type="button" id="btn" value="获取验证码" onclick="settime(this)"/> </div> css部分 [type="button"]{ border:1px solid #f39800 阅读全文
posted @ 2017-05-22 09:26 阳光透过幸福 阅读(111) 评论(0) 推荐(0)
顶部滚动到一定距离标题栏会固定
摘要： html 部分 <div class="box"> <div class="tc">我是滚动君被遮罩的距离</div> <div id="nav"> <ul class="nav_box cleara"> <li>标题1</li> <li>标题2</li> <li>标题3</li> <li>标题4< 阅读全文
posted @ 2017-05-22 09:24 阳光透过幸福 阅读(147) 评论(0) 推荐(0)
网站的返回顶部
摘要： html部分 <div class="aside_top"> <div class="aside_one" id="top"> <a href="javascript:void(0);"> <img src="img/icon.png"/> <b class="aside_title" style= 阅读全文
posted @ 2017-05-22 09:19 阳光透过幸福 阅读(102) 评论(0) 推荐(0)