[置顶] CSS 相对|绝对(relative/absolute)定位系列（一）
摘要： by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1287 一、有话要说 以前写内容基本上都是：眼睛一亮——哟呵，这个不错，写！然后去古人所说的茅房里蹲会儿，就有写作的思路了。但是，构思相对/绝对(relative/absolute)定位系列却有好些时日，考虑到： 1、 琐碎的俗称tip的东西不少，如何寻找主线串联； 2、 不少自己“非主流”的破常规的观点，如何一句话提炼，如何清晰表述，如何让人易于理解； 3、 relative/absolute/z-index本身关 阅读全文
posted @ 2011-08-05 14:20 白羊与晚霞 阅读(576) 评论(1) 推荐(1) 编辑
[置顶] CSS 相对/绝对(relative/absolute)定位系列（二）
摘要： by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1330 //zxx:直接接上回 一、常见absolute布局的替代实现方案 absolute属性配合left/top/right/bottom属性具有极强的定位性。这种功能特性是如此的明显与强烈，可能会让页面重构人员很单纯的被这一特性“捕获”，而产生迷失。 一板一眼的描述可能难以理解，举个通俗点的例子吧： 一个脸蛋不错身材超好的姑娘穿上超PP的衣服后是如此的光艳动人，对于我们这类常年困居于深宅大院的光棍男来讲，这种美 阅读全文
posted @ 2011-08-05 14:19 白羊与晚霞 阅读(741) 评论(0) 推荐(0) 编辑
[置顶] CSS 相对/绝对(relative/absolute)定位系列（三）
摘要： by zhangxinxu from http://www.zhangxinxu.com 本文地址：http://www.zhangxinxu.com/wordpress/?p=1528 //zxx:直接接上回 一、absolute正业之元素隐藏 元素隐藏与显示是我们在页面制作与交互效果实现中非常常见的，如果您只是使用display:none与display:block/inline来实现DOM元素的显隐控制，那你就out了。就元素的显示与隐藏实现，使用display在有些时候算是比较糟糕的方法了。 控制元素显隐的方法很多，但是本文不是讲元素显隐控制的，所以，只讲与absolute相关的一些方 阅读全文
posted @ 2011-08-05 14:18 白羊与晚霞 阅读(771) 评论(4) 推荐(0) 编辑
[置顶] jquery中this和$(this)区别,我是这样理解的
摘要： 写过这样一段jq$('ul li.navbox').hover(function(){ $('div',$(this)).fadeIn('fast'); // 先忽略掉‘div’看，$($(this))也是jq对象 },function(){ $('div',$(this)).fadeOut('fast'); });对比看这样写效果是一样的$('ul li.navbox').hover(function(){ $('div',this).fadeIn('fast'); 阅读全文
posted @ 2011-07-28 11:18 白羊与晚霞 阅读(597) 评论(3) 推荐(2) 编辑
[置顶] 解决火狐既有最小高度，又能和ie6一样高度自适应
摘要： 众所周知（玩CSS滴，CSSer），IE浏览器是从IE7.0才开始支持min-height,min-width及max-height,max-width滴，IE6及IE6以前的浏览器都不支持这几个属性。 那么如何让IE6也支持这几个属性呢？回答是不可能滴，除非Microsoft给它们升级，显然，这是不现实的，目前正紧张开发IE8中。 既然不能让IE6也支持这几个属性，那么就得想办法让它们拥有“类似”属性，以实现相同的效果。 如：要在IE6实现min-height效果。 如果不再单纯的在min-height上较劲，而是把想法变通，要使IE6拥有类似属性其实也是非常简单，用一个简单的Css Hac 阅读全文
posted @ 2011-06-28 17:36 白羊与晚霞 阅读(499) 评论(2) 推荐(0) 编辑
2012年11月29日
怎么样能写好高效率的CSS呢
摘要： 怎么样能写好高效率的CSS呢，一些初学者不注意的很多细小问题，当这些问题集中爆发，那么问题就大了。1、*{ margin:0; padding:0;} 请不要使用全局Reset：既然是全局的定义，那么他会吧所有标签都处理一遍，增加了浏览器解析的时间。有些标签其实没有必要处理，2、display与visibility的差异他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间，visibility为隐藏对象保留占据的物理空间。当浏览器渲染被占据的物理空间时，会有所消耗资源。所以不赞成用visibility:hidden;3、border:none;与border:0;的区别有些同学 阅读全文
posted @ 2012-11-29 11:49 白羊与晚霞 阅读(240) 评论(0) 推荐(0) 编辑
2012年9月14日
[网页设计]如何在Photoshop里画虚线？
摘要： 最近又有人问李胖纸了，Photoshop里虚线怎么画啊，每次我都是在Illustrator里画好然后再转到PS里，弄得不好虚线还朦朦胧胧的，看着一点也不精致，有没有简单点的一劳永逸的办法啊？ 面对这种情况，李胖纸一般都很明智的让他去百度了，不过问的多了，我还是在这介绍下我是咋做的吧。 度娘的结果中也提供了很多画虚线的办法，有激情的同学可以去搜搜看。但是对于精细的网页设计来讲，如果用到了虚线，那么它的精细度对效果影响很大，做的好了，就能带来意想不到的效果，废话不多说了，下面介绍几种网页设计中用得到的虚线画法。 1、直线 在网页building中，直线型的虚线用的很多，例如横向分割和竖向分割，大. 阅读全文
posted @ 2012-09-14 17:15 白羊与晚霞 阅读(386) 评论(0) 推荐(0) 编辑
[网页设计]如何调出来漂亮的渐变色？
摘要： 好多人都说，胖纸李，你调出的颜色还挺好看的哈，你教教我呗？然后胖纸就汗了，这有何难，关键是这个怎么教呢……其实胖纸一直都有个贱贱的小技巧，只不过一般人不告诉他，问的人多了，实在是不堪重负，现在我偷偷地告诉你们~~ 大家对某一图层做渐变叠加的时候，都习惯直接选取颜色吧……像这样 这样做，看起来非常专业，不过据我所知，好多人做网页设计并没有专门学过设计学知识，直接这样取色很不好操作，特别容易就把渐变搞的不伦不类。 其实有个非常简便的方法，能让你做出和谐美丽的渐变颜色，不够首先得先了解2个知识点。 1、颜色库 Photoshop除了拾色器之外，还为我们提供了已经配好颜色的颜色库 颜色库分为很多... 阅读全文
posted @ 2012-09-14 17:14 白羊与晚霞 阅读(460) 评论(0) 推荐(0) 编辑
2012年5月17日
phpcms v9常用实用代码集合(解决常见问题)
摘要： 1.去掉标题限制后出现的省略号{str_cut($r[title],36,”)}2.格式化时间格式化时间 2011-05-06 11:22:33{date(‘Y-m-d H:i:s’,$r[inputtime])}格式化时间 2011年05月06日{date(‘Y年m月d日’,$r[inputtime])}3.多栏目调用&多推荐位调用调用需求：文章范围为59 60 61三个栏目，并且推送到了27 和28两个推荐位；从第三条开始，连续调用7篇文章。{pc:get sql=”SELECT * FROM v9_news WHERE id IN (SELECT id FROM v9_posit 阅读全文
posted @ 2012-05-17 16:31 白羊与晚霞 阅读(459) 评论(0) 推荐(0) 编辑
2012年3月6日
jquery中的$(document).ready()方法和window.onload方法区别
摘要： 大多数情况下，jquery代码的编写，都要求我们将jquery的代码放在1$(document).ready(function(){2........jquery代码...........3});上面的代码和1$().ready(function(){2........jquery代码...........3});1$(function(){2........jquery代码...........3});是等同的~~最后一种方式是最简洁的方式，绝大多数情况下我都使用最后一种写法，呵呵~~好记！注意：有时候我们自己编写的jquery代码出现莫名其妙的问题，看似正常的代码，但是就是在运行的时候出错 阅读全文
posted @ 2012-03-06 15:15 白羊与晚霞 阅读(240) 评论(0) 推荐(0) 编辑
插件基础篇7：jquery 新浪网易的评论块制作
摘要： 新浪网易的评论块制作 因为 textarea里面不能放图片，所以和新浪的做法一样，选用iframe放内容，然后隐藏一个 textarea用于提交。效果图如下:技术要点：1。因为 textarea里面不能放图片，所以和新浪的做法一样，选用iframe放内容，然后隐藏一个 textarea用于提交。2 。JQqery tab 插件的使用（文盲都会）先引用这三个：复制代码代码如下:<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel=" 阅读全文
posted @ 2012-03-06 14:54 白羊与晚霞 阅读(282) 评论(0) 推荐(0) 编辑
插件基础篇6：jQuery 插件开发 其实很简单
摘要： jQuery已经被广泛使用，凭借其简洁的API，对DOM强大的操控性，易扩展性越来越受到web开发人员的喜爱，我在社区也发布了很多的jQuery插件经常有人询问一些技巧，因此干脆写这么一篇文章给各位jQuery爱好者，算是抛砖引玉吧。【基础】a)样式很多人会认为样式是个很复杂的东西，需要沉着冷静的心态加上非凡的审美观才能设计出赏心悦目的UI，抛开图片设计不说，其实css也就是那么些属性：position,margin,padding,width,height,left,top,float,border,background...UI设计的漂亮与否在很大程度上依赖于设计人员对配色的把握和整体效果 阅读全文
posted @ 2012-03-06 14:47 白羊与晚霞 阅读(275) 评论(0) 推荐(0) 编辑
插件基础篇5：跟我一起学写jQuery插件开发方法
摘要： jQuery如此流行，各式各样的jQuery插件也是满天飞。你有没有想过把自己的一些常用的JS功能也写成jQuery插件呢？如果你的答案是肯定的，那么来吧！和我一起学写jQuery插件吧！很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在为某个JavaScript效果发愁的时候，你潇洒的过去，然后对她说：“嗨，美女，用这个吧。这是我写的一个jQuery插件。”我想基本上你的人生大事就能很快解决。先想好做个什么功能这是第一步，也是很重要的一步，鉴于咱们都是刚学习写jQuery 阅读全文
posted @ 2012-03-06 14:46 白羊与晚霞 阅读(268) 评论(0) 推荐(1) 编辑
插件基础篇4：开发笔记整理（转载）
摘要： 这两一直在看Jquery插件的开发，上次在网上找了相关的文章，不过后来没记来，再去找就难了。只好自己来写个文章，已便日后记忆！先贴出插件代码，里面注释复制代码代码如下:(function ($) {//扩展$.fn.extend({//插件名称height: function (options) {//默认参数var defaults = {color: '红色'};//覆盖默认参数var opts = $.extend(defaults, options);//主函数return this.each(function () {//激活事件var obj = $(this);o 阅读全文
posted @ 2012-03-06 14:40 白羊与晚霞 阅读(210) 评论(0) 推荐(0) 编辑
插件基础篇3：jquery 插件开发备注
摘要： 以前针对DOM元素的插件(即$.fn.)存临时数据都加在当前元素上建个特殊的属性来存,(JQ内部直接也搞这样的)今天发现其实JQ自己早就有对这个临时数据的存储方法:$("dom").data(“mydata”,"this is data");还有就是插件开发的时候我们经常要给插件添加方法,其实就用JS内部添加方法的方法即可this.myfn=function(){}下面给上一个显示部分文字的插件的源码:(类似CSS的text-overflow,但本插件你需要提供显示几个字,用于精确控制显示数量)复制代码代码如下:/*** demo:* 1.$(" 阅读全文
posted @ 2012-03-06 14:39 白羊与晚霞 阅读(252) 评论(0) 推荐(0) 编辑
下一页