工作空闲时整理的一些笔记

百度地图        http://api.map.baidu.com/lbsapi/creatmap/index.html

高德地图       http://lbs.amap.com/api/javascript-api/example/map/map-english/

 

Ie8下 rgba兼容

/*IE8下*/        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

透明度opacity 兼容

filter:alpha(opacity=0);

 

Js动态效果          http://www.superslide2.com/
http://liuxiaofan.com/category/
 

分享按钮  http://www.jiathis.com/
 

文本一行显示

display:block; 

overflow:hidden; 

white-space:nowrap;  /*不换行*/

 text-overflow:ellipsis;  /*超出部分省略号表示*/

 

字体格式转换网站FontsQuirrel或onlinefontconverter

http://www.fontconverter.org/?userfile_url=&requiredfile_userfile=1&outFormat=eot

.TTF或.OTF，适用于Firefox 3.5、Safari、Opera

    .EOT，适用于Internet Explorer 4.0+

    .SVG，适用于Chrome、IPhone 

字体声明如下：

@font-face {

    font-family: 'fzzx';

    src: url('../fonts/fzzx.eot');

    src: url('../fonts/fzzx.eot?#iefix') format('embedded-opentype'),

    url('../fonts/fzzx.woff') format('woff'),

    url('../fonts/fzzx.ttf') format('truetype'),

    url('../fonts/fzzx.svg#fzzx') format('svg');

}

在页面中需要的地方使用该字体：

font:italic bold 12px/20px “fzzx”,arial,sans-serif;

 

 

改变placeholder的颜色

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color: #f00;  

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color: #f00;

} 

input:-ms-input-placeholder,

textarea:-ms-input-placeholder {

    color: #f00;

}

input::-webkit-input-placeholder,

textarea::-webkit-input-placeholder {

    color: #f00;

}

 

http://chinahnzhou.iteye.com/blog/1770861

上标和下标等