摘要：
先前用jq做了一个文字截断功能，但是不用jq的项目要实现此功能还要引如jq显得过于麻烦。这里写了一个js的文字截断功能。直接上代码。 HTML（测试用的）： JS： 这里用getElementsByTagName获取所有节点遍历，if（Pox[i].getAttribute("limit")）筛选含 阅读全文
2016年9月20日
摘要：
不用图片，使用CSS3做出一个跳动的心。 HTML： 首先两个div浮动，左上和右上角变圆： 变成： 然后让两个div旋转一下，左边的以右下角为旋转点正时针转45度，右边的以左下角为旋转点逆时针转45度，加点阴影： 心形出来了： 让心动起来，加点动画吧： 好了，一颗跳动的心就完成了。 完整CSS： 阅读全文
2016年9月14日
摘要：
看CSS3时发现了一个nth-of-type选择器，发现平时基本没见过用，就研究了一下，w3c是这样说明的： :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. 看起来和nth-child很像 :nth-child(n) 选择器匹配属于其父元素的第 N 个子 阅读全文
摘要：
先前用CSS3做了一个一张图片实现的轮播，但是这样的图片很难找，于是又改进了一下。 HTML： CSS： 原理和上次轮播差不多，让ul改变位置。轮播图片，在li里放图片即可。 阅读全文
2016年9月13日
摘要：
在IE8以认为只有文本标签才有name属性的，一些元素标签用document.getElementsByName获取不到DOM，如DIV，span等，这里做一下兼容。 HTML： 兼容JS： 测试JS： 阅读全文
摘要：
getElementsByClassName是通过class来获取DOM，但是IE8及以下不能兼容。这里做了一下兼容性。 HTML： 兼容JS： 测试： 结果： IE7谷歌火狐 阅读全文
摘要：
在数据库获取一些新闻时，有时文字过多，为了不破坏布局，常常需要只显示一部分，这是需要用到文字截断的功能。虽然css也可以实现，但是限制太多 css实现需要text-overflow:ellipsis;overflow:hidden;white-space:nowrap;三个属性，另外还需要文本标签宽 阅读全文
摘要：
CSS3实现轮播图主要是由css：background-position和css3：animation实现。且实现此轮播需要一张四个图横着相连的图片。 注（Internet Explorer 10、Firefox 以及 Opera 支持 animation 属性。Safari 和 Chrome 支持 阅读全文
摘要：
json传参应用 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。 下面做一个最简单的弹窗小插件，通过用json参数改变弹窗的样式 阅读全文
摘要：
只需把href路径指向文件路径，注意HTML5新增download属性能让我们指定浏览器下载时采用新的文件名称，也就是在客户端重命名下载文件。而不是链接上原始的文件名称，同时download名称的后缀可以改变，比如 .zip可以变为.text，但是与原文件后缀不同下载后将无法使用。 阅读全文