前端技术

最全的css hack兼容IE6/IE7/IE8/IE9,火狐Firefox,chrome,opera,safari

在这个浏览器百花争鸣的奇葩互联网时代,作为技术发的我们为了我们美工设计的各种脑残,或者所谓个性化的漂亮能适应各个浏览器可为煞费苦心。只能叫一个苦逼。

为 了适应不同浏览器不同的版本(版本主要就ie来说),ie这朵奇葩现在我们要兼容6-9,它的10也出来了现在暂时用的还不多。。。。在ie下我们可以写条件注释来区分ie 和其他浏览器,以及ie的版本,这些请大家自行google。这篇文章主要讨论的是css hack。下面废话补多说了,直接上代码:

» 阅读全文

关键词: css兼容 , css hack

雅虎轻型CSS框架:Pure使用学习教程

雅虎推出了一个名为Pure的css框架,这是一系列实用的响应式CSS模块的集合,可以帮助前端开发者节省不少开发时间。

Pure的意思是纯的意思。代码是100%使用CSS编写的。开发成员称,Pure不限于特定的JavaScirpt框架,你可以用在任何JavaScript框架、任何Web应用中。

在我看来Pure更适合咱们运维人员,将会帮助我们处理应用程序所需的所有CSS工作,同时不会让每个应用千篇一律。毕竟大家的前端都不咋地。

用烦了bootstrap的朋友,更应该看看这个了。 写腻味平台的朋友都有那种咋键盘的感觉吧,用用这个吧~ 不错的东东~

» 阅读全文

关键词: 教程 , css框架 , pure框架

JS漂浮广告代码,慢慢漂移的广告JS代码

JS漂浮广告代码,慢慢漂移的广告js代码,可以漂浮到任何位置,哈哈。。。直接贴代码,很简单。

» 阅读全文

关键词: js代码 , 广告代码

Js自动刷新加载CSS 文件-CSSrefresh.js下载和使用方法

Js自动刷新加载CSS 文件-CSSrefresh.js使用方法

我们经常做开发,需要F5刷新下页面才能刷新CSS产生效果。那有没有工具可以自动刷新Css呢?答案是有的,那就是CSSrefresh.js,前端利器: CSSrefresh.js – 可以帮助前端开发人员自动刷新 CSS 文件。‘

什么是CSSrefresh:

CSSrefresh 就一 3KB 不到的 javascript 文件,能监视一个 CSS 文件,一旦保存有变化直接重新加载 CSS ,改动效果也直接显现在浏览器中。省去了: 切换到浏览器按 F5 刷新查看效果。这对码 CSS 习惯不停刷新查看效果的开发人员来说绝对是利器,省却的时间不是一点两点。

怎么使用CSSrefresh:

CSSrefresh下载: CSSrefresh.js

» 阅读全文

关键词: cssrefresh

CSS设置图片的最大高度和宽度 兼容IE6/IE7/火狐等

经常我们需要使用,css设置图片的最大高度和宽度。这个前端开发中比较重要的。以下代码,经本人测试过,是可以兼容IE6浏览器的,代码如下:

» 阅读全文

关键词: css

jQuery统计输入框字符数或者类似评论字数,即时统计

评论计数之前流行过一段时间,那时一是感觉没啥用,二是要加的代码挺多的。主流也是2种方法,元素JavaScript的(这儿),jquery的(这儿)。

两者基本原理相同,都采用setInterval()短时间内重复执行,效率不谈,这种思路代码字符肯定在几百+。那是否有另外思路来实现呢?

答案当然是肯定的!

先写好HTML片段:


<i id="num">0</i>


评论框textarea之后,然后CSS美化一下:

» 阅读全文

关键词: 输入框统计 , jquery

使用javascript 获取url网址的参数值

随着Ajax的泛滥,有时需要我们从url获取变量进行用户交互,本函数提供了获取方法:

function getQuery(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}

如需要从下面地址中获取id的值:

http:///a.php?a=my&id=7&m=1

只需要在当前页面调用getQuery(“id”)即可。

IE Hack兼容火狐和IE6/7/8/9全收集

记录一下IE中Hack的支持情况,兼容火狐和IE6/7/8/9的Css Hack:

#hack{
color:red; /* 所有浏览器都支持 */
color:red !important;/* 除IE6外 */
_color:red; /* IE6支持 */
*color:red; /* IE6、IE7支持 */
+color:red;/*IE7支持*/
*+color:red; /* IE7支持 */
color:red\9; /* IE6、IE7、IE8、IE9支持 */
color:red\0; /* IE8、IE9支持 */
color:red\9\0;/*IE9支持*/
}

关键词: ie hack