摘要：
对于一个从事网页设计（也常说成DIV+CSS）的朋友来说，可能会遇到过这样的问题，就是在CSS里像这样设置某对象的字体：font-family:1.5em/1.75,’黑体’,Arial; 结果有些时候不起作用，用Firebug来查看才发现浏览器解释这个代码的时候，出现乱码了，所以不起作用。那怎么解决这个乱码问题呢，由于CSS文件基本都是UTF-8的编码模式，所以我们可以把中文字体的名称用相应的Unicode编码来代替，这样就可以有效的避免浏览器解释CSS代码时候出现乱码的问题。比如中文字体“宋体”经过Unicode编码后为“\5b8b\4f53″，在CSS中就可以这样写：font-famil 阅读全文
摘要：
CSS3新增动画属性“@-webkit-keyframes”，从字面就可以看出其含义——关键帧，这与Flash中的含义一致。利用CSS3制作动画效果其原理与Flash一样，我们需要定义关键帧处的状态效果，由CSS3来驱动产生动画效果。下面讲解一下如何利用CSS3制作淡入淡出的动画效果。具体实例可参考刚进入本站时的淡入效果。1. 定义动画，名称为fadeIn@-webkit-keyframes fadeIn {0% {opacity: 0; /*初始状态 透明度为0*/}50% {opacity: 0; /*中间状态 透明度为0*/}100% {opacity: 1; /*结尾状态 透明度为1* 阅读全文
摘要：
【教程】使用CSS3实现6个酷炫的图片文字切换效果发表于2012/11/13作者jaysming—2条评论导语CSS3的强大自不必言说，在过去，想要为图片实现简单的过渡效果需要敲上一大堆JavaScript代码。而如今，CSS3让这些都变得简单起来。代码下载与效果演示本教程中涉及的图片和文字的切换效果完全由CSS3所实现。（译注：这篇教程适用于有一定CSS基础的同学）浏览器兼容性文字的动态效果依赖于变形（transform）和过渡（transition）两个属性，这是CSS3相对较新的功能。为了顺利显示效果，要注意浏览器的兼容性。下列浏览器已支持CSS3的变形和过渡效果。Internet Ex 阅读全文
只有注册用户登录后才能阅读该文。 阅读全文
摘要：
使用navigator.userAgent来判断浏览器类型。1、浏览器版本号函数：Js代码varbr=navigator.userAgent.toLowerCase();varbrowserVer=(br.match(/.+(?:rv|it|ra|ie)[\/:]([\d.]+)/)||[0,'0'])[1];2、js浏览器判断函数Js代码functionuserBrowser(){varbrowserName=navigator.userAgent.toLowerCase();if(/msie/i.test(browserName)&&!/opera/.tes 阅读全文
摘要：
图片延时加载(lazyload)是网站常用的一种手段，目的是为了减少页面加载时向服务器的请求数，这里分享一款支持大部分情况下（如IPAD浏览、异步加载、某个范围加载）的图片延时加载插件。代码及效果先贴代码： $.extend({ imgLoad: function (options) { options = $.extend({ container: "img",//集合 time: 600,//滚动时定时刷新时间 attrib... 阅读全文
摘要：
网页的首屏标准你了解多少？推荐:米田的天空2013/04/07 inPS 教程 & 设计文章,WEB 前端开发5风险指数：★★★★★）90%以上的店铺存在此问题什么是首屏首屏的英文是above the fold，fold有折叠之意，above the fold是指在折叠之后能看到的，为什么首屏的英文翻译会跟折叠有关系呢，原因很简单，因为这个概念最早用于出版领域，可以简单的理解为“头版”因为报纸的运输和分发过程是折叠起来的，所以报纸的折叠后暴露在读者面前的那一部分内容就显得尤其重要，读者会根据头版的内容决定是否购买。 因此处于头版的内容意味着一个，编辑认为它们是最重要的，头版的内容也决定 阅读全文
摘要：
1 <script type="text/javascript" src="jquery.min.js"></script> <!-- //再载入lazyload --> <script type="text/javascript" src="jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( functi 阅读全文
摘要：
jquery实现页面内链接锚点跳转平滑滚动效果以下为完整演示代码，测试环境：ie8、firefox和chrome。注意你的jquery.min.js文件调用。<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"><head> <metah 阅读全文
摘要：
参数混入就像在CSS中有函数功能一样，这些对于那些在现在的CSS工作中多余的工作非常有用。最好和最有用的例子就是我们正在经历的从CSS2到CSS3过渡过程中的很多浏览器私有前缀。Nettuts+有一篇Jeffrey Way写的很赞的视频和文章，内容是包含着由有用的参数组成的文件，他们涵盖了大部分使用各个浏览器私有前缀的CSS3属性。例如，在他们的格式中，一个简单的处理圆角的mixin是这样的：.border-radius( @radius: 3px ) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-r 阅读全文