前端设计：
2013-04-22

兼容主流浏览器的全站变灰CSS代码

0

兼容主流浏览器的全站变灰CSS代码：

html { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix'  values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscalerayscale");
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); zoom: 1;
}

另外还有 js 变灰代码可用：
grayscale(document.body);
grayscale.js 请自行搜索。

继续阅读 »

2013-03-15

js 判断iPhone|iPad|iPod|iOS|Android客户端

3+ 
if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent);  
    window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
    //alert(navigator.userAgent); 
    window.location.href ="Android.html";
} else {
    window.location.href ="pc.html";
};
2011-08-16

CCS实现input和img水平对齐

0

在网页制作中，常将 input 和 img 放在同一行，img标签总是比input高出一个头，非常难看。

之前试过好多方法，都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性，这个方法似乎的确可行，但是不符合HTML标准。

CCS实现input和img水平对齐的方法

同时给input和img添加vertical-align:middle就行了，转自(caixw.com)，感谢！代码如下：

input, img { vertical-align:middle; }

问题解决。

2009-12-08

jQuery 常用方法总结

1+

一个优秀的 JavaScript 框架，一篇 jQuery 常用方法及函数的文章留存备忘。

jQuery 常见操作实现方式

$("标签名") //取html元素 document.getElementsByTagName("")

$("#ID") //取单个控件document.getElementById("")

$("div #ID") //取某个控件中 控件

$("#ID #ID") // 通过控件ID取其中的控件

继续阅读 »

  1. 1
  2. 2