会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
阳光透过幸福
不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
下一页
2017年6月14日
js 比大小
摘要: html部分 <input type="button" onclick="mymax(5,4,12)" value="按钮"/> <input type="button" onclick="mymin(5,4,12)" value="按钮"/> js部分 function mymax(x,y,z){
阅读全文
posted @ 2017-06-14 13:59 阳光透过幸福
阅读(307)
评论(0)
推荐(0)
编辑
2017年6月12日
js 简单的进度条
摘要: html部分 <div id='div1'> <div id="div2"></div> </div> css部分 div{ height:10px ; border-radius:5px; } #div1{ width:600px ; background: #333; } js部分 <scrip
阅读全文
posted @ 2017-06-12 10:52 阳光透过幸福
阅读(122)
评论(0)
推荐(0)
编辑
2017年6月2日
Dom 兼容处理
摘要: 获取子节点:childNodes 在IE下是可以正常使用的 但是在FF包含了文本节点需要配合nodeType做个类型判断 1是元素节点 3是文本节点 也可以采用 children IE FF 获取第一个节点:firstChild || firstElementChild 获取最后一个节点:lastC
阅读全文
posted @ 2017-06-02 11:45 阳光透过幸福
阅读(88)
评论(0)
推荐(0)
编辑
2017年6月1日
js 计算后样式封装
摘要: function getStyle(obj,attr){ // 需要获取的元素 属性 if(obj.currentStyle){ return obj.currentStyle[attr]; }else{ return obj.getComputedStyle(obj,false)[attr]; }
阅读全文
posted @ 2017-06-01 16:45 阳光透过幸福
阅读(107)
评论(0)
推荐(0)
编辑
2017年5月31日
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 阳光透过幸福
阅读(153)
评论(0)
推荐(0)
编辑
2017年5月26日
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 阳光透过幸福
阅读(402)
评论(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 阳光透过幸福
阅读(567)
评论(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 阳光透过幸福
阅读(153)
评论(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 阳光透过幸福
阅读(119)
评论(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 阳光透过幸福
阅读(143)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
下一页
公告