摘要:
先前用jq做了一个文字截断功能,但是不用jq的项目要实现此功能还要引如jq显得过于麻烦。这里写了一个js的文字截断功能。直接上代码。 HTML(测试用的): JS: 这里用getElementsByTagName获取所有节点遍历,if(Pox[i].getAttribute("limit"))筛选含 阅读全文
摘要:
不用图片,使用CSS3做出一个跳动的心。 HTML: 首先两个div浮动,左上和右上角变圆: 变成: 然后让两个div旋转一下,左边的以右下角为旋转点正时针转45度,右边的以左下角为旋转点逆时针转45度,加点阴影: 心形出来了: 让心动起来,加点动画吧: 好了,一颗跳动的心就完成了。 完整CSS: 阅读全文
摘要:
看CSS3时发现了一个nth-of-type选择器,发现平时基本没见过用,就研究了一下,w3c是这样说明的: :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. 看起来和nth-child很像 :nth-child(n) 选择器匹配属于其父元素的第 N 个子 阅读全文
摘要:
先前用CSS3做了一个一张图片实现的轮播,但是这样的图片很难找,于是又改进了一下。 HTML: CSS: 原理和上次轮播差不多,让ul改变位置。轮播图片,在li里放图片即可。 阅读全文
摘要:
在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,但是与原文件后缀不同下载后将无法使用。 阅读全文