pikachuWorld - 博客园

2016年8月9日

摘要： var arr = ["apple","orange","apple","orange","pear","orange"];function getWordCnt(){ var obj = {}; for(var i= 0, l = arr.length; i< l; i++){ var item 阅读全文

posted @ 2016-08-09 15:39 pikachuWorld 阅读(1841) 评论(0) 推荐(1)

js 判断字符的长度

摘要： js 判断字符的长度： function len(s){ var l =0; var a = s.split(""); for(var i=0;i<a.length;i++){ if(a[i].charCodeAt(0) < 299){ l++; }else{ l+=2; } } return l; 阅读全文

posted @ 2016-08-09 09:56 pikachuWorld 阅读(261) 评论(0) 推荐(0)

2016年7月8日

自适应的按钮

摘要： /*自适应按钮*/ button{ padding:.3em .8em; border:1px solid rgba(0,0,0,.1); background: #58a linear-gradient(hsla(0,0%,100%,.2),transparent); border-radius: 阅读全文

posted @ 2016-07-08 14:21 pikachuWorld 阅读(118) 评论(0) 推荐(0)

2016年7月7日

css3溢出隐藏显示小数点

摘要： .test{ width: 150px; height:40px; border:1px solid #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .test2{ width: 150px; borde 阅读全文

posted @ 2016-07-07 15:59 pikachuWorld 阅读(1949) 评论(0) 推荐(0)

2016年7月1日

css 3列

摘要： css3创建等高文本列通过column-count（几列）、column-width和column-gap（列之间的间距）属性实现下面实现3列，列之间有2em的间距（不过这种对浏览器支持还不太广泛）到目前为止ie9以下（包括ie9）不支持 code: .col{ -moz-column-count 阅读全文

posted @ 2016-07-01 17:05 pikachuWorld 阅读(145) 评论(0) 推荐(0)

css 日历组件（浮雕效果）

摘要：效果图：表格单元格产生斜面效果，每个单元格border四个边设置不同颜色；顶部左边颜色浅，右边和下部颜色深，然后字体在用阴影处理就可以了。标签说明： caption:基本用作表格的主题 summary：用来描述表格的内容 <style type="text/css"> table.cal{ bo 阅读全文

posted @ 2016-07-01 16:53 pikachuWorld 阅读(559) 评论(0) 推荐(0)

2016年6月16日

if(!document.getElementById) return false; JS里这句是什么意思?

摘要：直接跳出函数，并且不返回任何值。这句话意思是：如果document对象没有getElementById的方法，则直接跳出当前函数。，这也是一个标准的方法，几乎所有浏览器都支持。现在浏览器运行，加上去掉实质是一样的，没有区别阅读全文

posted @ 2016-06-16 13:31 pikachuWorld 阅读(339) 评论(0) 推荐(0)

2016年6月12日

网页中图片路径错误时显示默认图片方法

摘要： <img src="errorSrc.gif" width="125" height="90" onerror="this.src='http://cms.gdzjdaily.com.cn/img/default.jpg'"/> 阅读全文

posted @ 2016-06-12 18:45 pikachuWorld 阅读(161) 评论(0) 推荐(0)

css3 图片放大缩小闪烁效果

摘要：直接把图片替换就可以了，我的图片是透明的，所以body设置为黑色的，不不要可以去掉 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>css3 图片放大缩小闪烁效果</title> <style> body{bac 阅读全文

posted @ 2016-06-12 18:37 pikachuWorld 阅读(722) 评论(0) 推荐(0)

2016年4月3日

css hack

摘要： 1.大部分特殊字符IE浏览器支持，其他主流浏览器firefox，chrome，opera，safari不支持 (opera可识别除外)。2.\9 ：所有IE浏览器都支持3._和- ：仅IE6支持4.* ：IE6、E7支持5.\0 ：IE8、IE9支持，opera部分支持6.\9\0 ：IE8部分支持阅读全文

posted @ 2016-04-03 17:51 pikachuWorld 阅读(98) 评论(0) 推荐(0)

sophia

多读书、会识人、去远方

公告