05 2017 档案

js 图片无缝滚动
摘要:html部分 <div id="roll"> <a href="javascript:void(0)" class="prev">向左</a> <a href="javascript:void(0)" class="next">向右</a> <div id="scroll"> <ul> <li><i 阅读全文

posted @ 2017-05-31 15:14 阳光透过幸福 阅读(159) 评论(0) 推荐(0)

js 星星效果思路
摘要://星星的效果思路 1.获取需要修改的元素 ul li 跟p 布局 2.给li 加移入事件 更改提示框显示, 3.给li 加移出事件 更改提示框隐藏 4.给li加索引值代表自己的序号 5.在li移入时 添加循环从开始位置到选择的this.index位置 添加每个li的class 6.在li移出时 添 阅读全文

posted @ 2017-05-26 16:15 阳光透过幸福 阅读(415) 评论(0) 推荐(0)

js关于移入移出延迟提示框效果处理
摘要:html部分 <div id="div1">我是导航君</div> <div id="div2" style="display: none;"><i></i>我是导航君的小妹妹</div> css部分 div{ height:40px; line-height: 40px; text-align: 阅读全文

posted @ 2017-05-26 14:38 阳光透过幸福 阅读(583) 评论(0) 推荐(0)

js 简易时钟
摘要:html部分 <div id="clock"> </div> css部分 #clock{ width:600px ; text-align: center; margin:50px auto ; } span{ font-size: 32px; } js部分 <script type="text/j 阅读全文

posted @ 2017-05-26 11:21 阳光透过幸福 阅读(177) 评论(0) 推荐(0)

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 阳光透过幸福 阅读(127) 评论(0) 推荐(0)

原生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 阳光透过幸福 阅读(152) 评论(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 阳光透过幸福 阅读(85) 评论(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 阳光透过幸福 阅读(117) 评论(0) 推荐(0)

商品导航栏菜单
摘要: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 阳光透过幸福 阅读(142) 评论(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 阳光透过幸福 阅读(148) 评论(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 阳光透过幸福 阅读(103) 评论(0) 推荐(0)