min-width最小宽度
最小宽度同样不被ie6支持，js解决方案如下： ////直接操作需要的元素 var container = document.getElementById('container'); container.style.width = (container.clientWidth < width) ? "500px" : "auto"; //定义函数，多次调用 function...
View Articlemax-width最大宽度
最大宽度同样不被ie6支持，js解决方案如下： //直接操作需要的元素 var container = document.getElementById(elementId); container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto"; //定义函数，多次调用 function...
View Article自适应缩放iPhone
在iPhone、iPad上测试最近项目，要让页面自适应缩放，使其适合设备屏幕。在GG上找的都介绍使用<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">，但在我的项目中并没有产生任何的作用，后来只好在GG中搜索，终于找到一个js的代码，多次使用都能Ok。...
View ArticleCSS3控制无法选择文本
有时候大家想让你的用户无法直接从页面中copy你的内容，做起来好麻烦的，CSS3的“user-select”帮你实现这样的效果，请看一段简单的代码： .unselectable { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;...
View ArticleCreate overlay with jquery and remove it by clicking
jQuery制作遮罩层的代码片段 $('<div id="overlay"></div>') .css({ position : 'fixed', top : 0, left : 0, right : 0, bottom : 0, opacity : 0.6, background : 'black', display : 'none' })...
View Articleeditplus打造快速编写html&css
本来写这篇文章，我可以有很多废话，但是很多都过去了，言而总之下：我暂且给这个方法起个名字，叫做“为之法”，因为有了这篇文章，很多人的想法会豁然开朗，那样有了个名字交流传阅起来就方便多了。...
View ArticlejQuery制作元素在屏幕中水平垂直居中效果
这里所说的元素在屏幕中水平垂直居中，指的是某个元素显示在浏览器或者显示设备的正中间，有点类似于Popup的效果。 jQuery.fn.center = function () { this.css("position","absolute"); this.css("top", ( $(window).height() - this.height() ) /...
View ArticleClik here to view.
box-shadow制作多边框效果
多边框效果，大家常见的应该是双线边框效果，使用页面部分元素具有层次的效果。在CSS2中依靠的是背景图片或者借助相邻两个元素的border来实现。而现在CSS3中的box-shadow可以直接在一个元素中完成，我们来看一个简单的片段： <!-- HTML --> <div id="box"></div> <!-- CSS -- > body {...
View Article检查一个存在的、非空的字符串
//如果变量存在，是一个字符串，并且其长度大于0，结果为真 if(((typeof unkownVariable != "undefined") && (typeof unkownVariable.valueOf() == "string")) && (unkownVariable.length > 0)){ } 4 Vote up! js代码
View ArticlejQuery给页面换肤代码
给页面换肤的效果有不少同学做过，今天在逛blog时也发现一段使用jQuery换肤的代码，贴上与大家分享，希望有需要的同学有所帮助，更希望高手指点： $(document).ready(function(){ $('#styleSwitch .button').bind('click', function(){ $('body').removeClass();//remove all the...
View Article使用em单位创建CSS3的Media Queries
本站有关于CSS3的Media Queries的相关教程有不少，说直一点，就是使用Media Queries来制作Responsiv Desgin。现在国外流行的一种设计叫Responsive Design(国内称为响应式设计)，其中这种布局关键之处就是不能少了Media Queries的配合，早在《CSS3 Media...
View ArticlejQuery制作延迟重定向
使用jQuery实现延迟重定向的代码片段： function delayer(){ window.location = "https://www.w3cplus.com"; } // END FUNC jQuery(document).ready(function(){ setTimeout('delayer()', 10000); }); 0 Vote up! jQuerySnippets
View ArticleClik here to view.
HTML特殊字符速查表
HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。 简单的介绍一下其使用方法： 1、这些字符属于unicode字符集，你的文档需要声明为"utf-8"...
View ArticleClik here to view.
CSS解决方案
很早就想写这篇博文，但碍于时间的关系一直没有动工，今天趁着发布《CSS解决方案》的机会和大家聊聊。W3cplus在大家的支持和鼓励下，就快到两周岁了。回想起这两年来走过的路程，我感到很欣慰，在打理W3cplus过程中让我学到了很多东西，也让我认识了很多新老朋友，他们给了知识的源头，给我了学习的动力，给了我支持与鼓励，借此机会我感谢这些朋友，真的谢谢你们，因为有了你们才有了今天的我，在今后的日子里我会...
View ArticleClik here to view.
2012年优秀jQuery插件连载（五）
W3cplus自改版以来，陆续为大家推荐了近四十款不同的jQuery的优秀插件，这些插件在平时的Web制作中所起的作用也是各式各样，同时也能帮不少同学解决项目中急需的功能效果。如果你对这些插件感兴趣的话，可以仔细阅读，当然你要是不喜欢jQuery插件，我也建议您花那么一顶点时间了解一下，因为里面有些插件的功能创意是非常有意思的。今天我要为大家继续推荐另外十款插件，希望大家喜欢，更希望对同学们的学习与...
View Article关于firefox浏览器14.0.0升级
firefox浏览器从14.0.0升级后，css3会出现一些变化，导致一些原本正常运行的实例，突然变成乱起八糟的，很是揪心啊。...
View ArticleInputs盒子模型
表单元素中的input类型为text和submit所用的盒子模型不是一样，现在这个问题可以用css3来解决，submit所用的盒子模型是border-box，而text所用的盒子模型是content-box。现在我们可以通过css3设置它们两个为同一个盒子模型，其语法为： box-sizing: content-box | padding-box |...
View Articlecss3实现随机数字
img:hover { -webkit-transform: rotate( random(-5, 5)deg); // generate a random number between -5 and +5 -moz-transform: rotate( random(-5, 5)deg); // generate a random number between -5 and +5 } 0 Vote...
View ArticleClik here to view.
浏览器顶部阴影
body:before { content: ""; position: fixed; top: -10px; left: 0; width: 100%; height: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; } 转自：http://css-tricks.com/snippets/css/top-shadow/ 0...
View Article常用在线工具
yahoo在线压缩图片： http://www.smushit.com/ysmush.it/ 配色方案 http://www.colorcombos.com/combolibrary.html http://www.peise.net/palette/ css3@font-face在线字体库及制作 http://www.fontsquirrel.com/fontface google在线字体...
View Article