博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2008年11月27日

摘要: 布局基础理念 网站是否受欢迎固然要看网站的内部结构、前期定位和网站内容,但是网站中的各个网页看起来是否赏心悦目而便于操作,也是非常重要的,这就涉及到了网页的布局设计这个问题。随着Web标准的推广,将网页布局设计的更为合理,已经不再像在HTML时代那样难以做到,所以浏览者对网页布局的评价也越来越挑剔。 在这个Web标准“横行”的年代,只注重内容,不注重网页布局的网站必定会死掉,因为有... 阅读全文

posted @ 2008-11-27 21:04 linFen 阅读(5332) 评论(1) 推荐(1) 编辑

摘要: 1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用,请见 http://validator.w3.org 。请注意,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能,未必会产生... 阅读全文

posted @ 2008-11-27 21:01 linFen 阅读(291) 评论(0) 推荐(0) 编辑

摘要: 如果你同时设置元素向一侧浮动和外边距,你会很吃惊的发现,你的布局总不能够如人所愿。原来这是IE 6及其以下版本的双倍边距问题。 试验: 参考元素 浮动元素 看看效果 此类问题的解决比较简单,你只需要在浮动元素中增加display:inline;规则即可。 .box2 { float:left; /* 浮动显示... 阅读全文

posted @ 2008-11-27 20:55 linFen 阅读(755) 评论(0) 推荐(0) 编辑

摘要: 今天发现在一个css文件里面使用 @import url(xxx.css); 有最大次数的限制,经测试IE6的最大次数是31次,第32个import及以后的都不能生效,如下:[css]@import url(1.css);@import url(2.css);@import url(3.css);@import url(4.css);@import url(5.css);@impo... 阅读全文

posted @ 2008-11-27 20:53 linFen 阅读(955) 评论(0) 推荐(0) 编辑

摘要: 屏蔽IE浏览器(也就是IE下不显示) *:lang(zh) select {font:12px !important;} /*FF的专用*/select:empty {font:12px !important;} /*safari可见*/这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。 仅IE7识别 *+html {…}当面临需要只针对IE7做样式... 阅读全文

posted @ 2008-11-27 20:51 linFen 阅读(185) 评论(0) 推荐(0) 编辑

摘要: 翻译说明: 这是Solid State Group网站上的一篇很友好的文章,解决了我在设计中遇到的很多问题,故在此我翻译其文,并对原作者表示非常感谢! 查看原文:http://diger.cn/blog/?p=324英文地址:http://www.solidstategroup.com/page/1592 1、说明本文阐述了8条我们发现的在用CSS设计中有用的解决方案。 2、浏览器特定的选择器 当... 阅读全文

posted @ 2008-11-27 20:48 linFen 阅读(150) 评论(0) 推荐(0) 编辑

摘要: 出现的浏览器:IE6 IE7(在firefox中正常没问题) 问题现象:div的内容(包括文字,图片,表单等)和背景分离开了看起来像在两个不同的层里面一样。 本来是为了实现一个可变背景的页面,让页面的背景颜色和透明度可变(即下面代码中的id=main的div),但是内容的颜色和透明度不随背景变而变(即id=content的div),于是需要在内容层的下面加一个z-index比它低的层(即... 阅读全文

posted @ 2008-11-27 20:43 linFen 阅读(245) 评论(0) 推荐(0) 编辑

摘要: 对css缩写的支持问题: 不论是ie 还是ff对css的缩写都有一小点问题 比如 border: 0xp solid #fff;两个浏览器支持都没有问题 但对于四个边的magin不同情况下,就不能用这种缩写了,无论是ie还是ff又会出现边界解释错误,而导致页面变形 正确缩写: border-width:0px 1px 2px 3px; border-style:solid; border-... 阅读全文

posted @ 2008-11-27 20:42 linFen 阅读(293) 评论(0) 推荐(0) 编辑

摘要: W3C定义的盒模式如下: width和height定义的是Content部分的宽度和高度,padding border margin的宽度依次加在外面。背景会填充padding和content部分。但是由于浏览器设计上的问题,不同浏览器显示效果会有些不同。左右Margin加倍的问题当box为float时,IE6中box左右的margin会加倍 比如: Untitled Docume... 阅读全文

posted @ 2008-11-27 19:28 linFen 阅读(262) 评论(0) 推荐(0) 编辑

摘要: CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖。只提供参考一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)2, IE6/IE77对FireFox *+html 与 *ht... 阅读全文

posted @ 2008-11-27 19:23 linFen 阅读(249) 评论(0) 推荐(0) 编辑

2008年11月21日

摘要: 主要是引用程序集。之后声明个属性Type为SchemaExplorer.DatabaseSchema的属性(数据库).之后根据SourceDatabase.Tables:即得到该数据库的所有的表的集合,SourceDatabase.Tables.Count:得到数据库表的数量SourceDatabase.Tables[i]:得到第i个表SourceDatabase.Tables[i].Name:得... 阅读全文

posted @ 2008-11-21 10:41 linFen 阅读(330) 评论(0) 推荐(0) 编辑

2008年11月19日

摘要: function IfWindowClosed() { var win = null; try { window.opener.name = "ss"; if ( window.opener.name != "ss" ) { win = window.open("quit.asp","","width=100,height... 阅读全文

posted @ 2008-11-19 20:47 linFen 阅读(300) 评论(0) 推荐(0) 编辑

摘要: 风格一: 星期三,12月15日,2004年 风格二: 4:02:46下午 风格三: 星期三,12月15日,2004年 4:02:46下午 风格四: 12/15/04 风格五: 16:02:46 风格六: Wed Dec ... 阅读全文

posted @ 2008-11-19 20:45 linFen 阅读(335) 评论(0) 推荐(0) 编辑

摘要: 三种方法. 1.xmlhttp.setRequestHeader("Cache-Control","no-cache"); 2.url += "&random="+Math.random(); 3.url += "×tamp="+new Date().getTime(); 阅读全文

posted @ 2008-11-19 20:30 linFen 阅读(599) 评论(0) 推荐(0) 编辑

摘要: 为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数,并指定缓存时间,这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新),即使在 这段时间内服务器的js或css或图片文件已经更新多次,但浏览器的数据依然是原来最能初cache的旧数据,有没有办法让浏览... 阅读全文

posted @ 2008-11-19 20:29 linFen 阅读(5301) 评论(0) 推荐(0) 编辑

2008年11月2日

摘要: 这个插件是用来把页面的内容复制到剪贴板的插件,使用起来很简单。 $.copy("字符串") // 把字符串复制到剪贴板$.copy(varStr) // 把变量varStr的值复制到剪贴板$("#elmID").copy() // 复制id为elmID的节点里的文字$("#elmID input").copy() // 复制id为elmID的节点下所有i... 阅读全文

posted @ 2008-11-02 15:16 linFen 阅读(10008) 评论(1) 推荐(0) 编辑

摘要: 代码: 程序代码 演示:http://kitchen.net-perspective.com/sf-example-1.html http://kitchen.net-perspective.com/sf-example-2.html http://kitchen.net-perspective.com/sf-example-3.html http://kitchen.net-perspecti... 阅读全文

posted @ 2008-11-02 14:46 linFen 阅读(3274) 评论(0) 推荐(0) 编辑

2008年10月16日

摘要: //回车自动提交内容 $(document).keypress(function(e){ if(e.keyCode == 13){ $("#button").trigger("click"); } }) });本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=997 阅读全文

posted @ 2008-10-16 19:54 linFen 阅读(255) 评论(0) 推荐(0) 编辑

2008年10月15日

摘要: $(document).ready(function() { $('#extlinks a').filter(function() { return this.hostname && this.hostname !== location.hostname; }).after(' ');}); //this.hostname : 当前链接href的 www.**... 阅读全文

posted @ 2008-10-15 20:53 linFen 阅读(669) 评论(0) 推荐(0) 编辑

摘要: http://www.malsup.com/jquery/cycle/begin.html 阅读全文

posted @ 2008-10-15 19:24 linFen 阅读(288) 评论(0) 推荐(0) 编辑

摘要: 演示:http://www.94this.com.cn/myCode/jquery.messager/demo.html 下载:http://www.94this.com.cn/myCode/jquery.messager/jquery.messager.rar 出处:http://www.corrie.net.cn/e/98.htm 本篇文章来源于 cssrain.cn 原文链接:http:/... 阅读全文

posted @ 2008-10-15 19:20 linFen 阅读(782) 评论(1) 推荐(0) 编辑

2008年10月14日

摘要: css+js无限级菜单 无需要修改css,菜单个数在js的(x css+js无限级菜单-w3css.com我是菜单1我是菜单选项1-2我是菜单选项1-2我是菜单选项1-2-1我是菜单选项1-2-2我是菜单选项1-2我是菜单选项1-2我是菜单2我是菜单选项2-2我是菜单选项2-2我是菜单选项2-2-1我是菜单选项2-2-2我是菜单选项2-2-1我是菜单选项2-2-2我是菜单选项2-... 阅读全文

posted @ 2008-10-14 13:13 linFen 阅读(3077) 评论(1) 推荐(0) 编辑

摘要: 内部链接文字:10分 标题title:10分 域名:7分 H1,H2字号标题:5分 每段首句:5分 路径或文件名:4分 相似度(关键词堆积):4分 每句开头:1.5分 加粗或斜体:1分 文本用法(内容):1分 title属性:1分 (注意不是title>, 是title属性, 比如a href=… title=”) alt标记:0.5分 Meta描述(Description... 阅读全文

posted @ 2008-10-14 13:08 linFen 阅读(329) 评论(0) 推荐(0) 编辑

摘要: 这十则CSS技巧汇编于网络,作为老手已经司空见惯了,也没有什么新意,但温故而知新,或许阅读一遍也有一定的启发,本文主要面对CSS新手朋友,有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧,更多的知识浏览52CSS.com的教程。希望大家能认真阅读。一、CSS字体属性简写规则 一般用CSS设定字体属性方法: font-weight:bold; font-style:it... 阅读全文

posted @ 2008-10-14 13:05 linFen 阅读(216) 评论(0) 推荐(0) 编辑

摘要: 在CSS网页布局开发中,会有很多小技巧,新手朋友往往对此很不熟悉。在某一两个小问题上,或许纠缠很长时间才能搞明白,虽然在52CSS.com的文档中,多次提及过这方面的内容,但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧,认真读一读,或许您并不能完全理解,您可以在52CSS.com进行搜索,扩展您所想要得到的知识,相信您会有很多收获! 一、ul标签在Mozilla中默认是有paddi... 阅读全文

posted @ 2008-10-14 12:51 linFen 阅读(207) 评论(0) 推荐(0) 编辑

摘要: 一直也搞不清楚px与em之间的关系和特点,看过95%的中国网站需要重写CSS以后后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用。因为 1. IE无法调整那些使用px作为单位的字体大小; 2. 国外的大部分网站能够调整的原因在于其使用了em作为字体单位; 3. Firefox能够调整px和em,但是96%以上的中国网民使用IE浏览器(或内... 阅读全文

posted @ 2008-10-14 09:48 linFen 阅读(342) 评论(0) 推荐(0) 编辑

摘要: IE地址栏前换成自己的图标BR> 可以在收藏夹中显示出你的图标 阅读全文

posted @ 2008-10-14 09:32 linFen 阅读(248) 评论(0) 推荐(0) 编辑

2008年10月13日

摘要: 图片文字垂直居中的最好方法 时间: 2008-1-11 15:21:22 浏览:3568 图片文字垂直居中的最好方法 display:table-cell; 以表格单元格的形式显示对象 */ vertical-align:middle;/* 内容以对象中部对齐*/ display: inline-block; inline-block的元素既可以像块元素一样定义宽高,又可以和... 阅读全文

posted @ 2008-10-13 12:15 linFen 阅读(10183) 评论(0) 推荐(0) 编辑

2008年10月9日

摘要: DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表。 ……………… 表现为: 1……2……3…… ul 无序列表,表现为li前面是大圆点而不是123 ………… 很多人容易忽略 dl dt dd的用法 dl 内容块 dt 内容块的标题 dd 内容 可以这么写: 标题内容1内容... 阅读全文

posted @ 2008-10-09 08:54 linFen 阅读(505) 评论(0) 推荐(0) 编辑

2008年10月8日

摘要: 1、css框架 中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时,确实成为前端开发工程师的手中利器。为什么呢?因为框架是包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,让设计师... 阅读全文

posted @ 2008-10-08 16:10 linFen 阅读(321) 评论(0) 推荐(0) 编辑

2008年9月28日

摘要: 很多朋友都在跃跃欲试 打算打造自己的jquery插件,我是 烦透了了jquery ui的dialog插件,所以突发奇想 自己写一个。先申明 就是随便这么一写,太多的还没有完善,之所以贴出来就是给大家一个参考。下面大家跟我一起打造一个jquery dialog插件首先创建一个插件$.fn.dialog=function(){ } 下面我们首先考虑 当您要现实的信息弹出来的时候,文档上面有一个遮罩层... 阅读全文

posted @ 2008-09-28 13:31 linFen 阅读(791) 评论(0) 推荐(0) 编辑

摘要: 首先我们先写一个jquery的匿名函数 以下为引用的内容: 这是一个最基本的写法 ,还没有做成 插件形式,主要就是让表格隔行换色。 这里我们可以发现 这个函数几乎没有什么通用性,下面我们来对她进行扩展。 以下为引用的内容: $('#cnjquery').alterColor(); 这样样子有点插件的意思了,但是我们会发现一个问题 这样写,不能链式操作, 也就是 $... 阅读全文

posted @ 2008-09-28 13:28 linFen 阅读(635) 评论(0) 推荐(0) 编辑

摘要: ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容.查看实例演示特性: ThickBox 是用超轻量级的 jQuery 库 编写的. 压缩过 jQuery 库只15k, 未压缩过的有39k. ThickBox 的 JavaSc... 阅读全文

posted @ 2008-09-28 13:12 linFen 阅读(11240) 评论(1) 推荐(0) 编辑

摘要: (环境:vs2008+jquery1.2.3)发现.net自带的ajax.net使用webservice输出的是json,其中关键的就是在请求时:Content-Type:application/json;utf-8所以我们只要在POST时加上一个Content-Type:application/json;utf-8就可以了 $.ajax({ type: "POST", contentT... 阅读全文

posted @ 2008-09-28 12:48 linFen 阅读(626) 评论(0) 推荐(0) 编辑

摘要: 使用JQuery中ajax方法访问web服务。 1.ajax方法需要填写: JScript code $.ajax({ type: "POST", //注明 返回Json contentType:"application/json;utf-8", //Colle... 阅读全文

posted @ 2008-09-28 12:45 linFen 阅读(4589) 评论(0) 推荐(0) 编辑

2008年9月22日

摘要: jQuery 具有一个相当强大的选择器引擎,提供了完整的选择器语法,允许我们选择几乎所有的元素组合。jQuery 的选择器语法主要是基于 CSS3 和 XPath 的,对 CSS3 和 XPath 了解越多,使用 jQuery 时就越显得心应手。有关 CSS 和 XPath,请参阅以下链接:CSS 1 CSS 2 CSS 3 xPath 值得注意的是, CSS3 并没有得到现今所有浏览器的支持,因... 阅读全文

posted @ 2008-09-22 11:11 linFen 阅读(283) 评论(0) 推荐(0) 编辑

摘要: 想必大家在页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧: 1、表单文本输入的移动选择:在文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中,一切就会变得简单多了,如: Input English.. 类似的,可... 阅读全文

posted @ 2008-09-22 10:32 linFen 阅读(186) 评论(0) 推荐(0) 编辑

2008年9月11日

摘要: 无标题文档 阅读全文

posted @ 2008-09-11 08:56 linFen 阅读(2248) 评论(0) 推荐(0) 编辑

2008年7月25日

摘要: http://www.cssrain.cn/article.asp?id=29 阅读全文

posted @ 2008-07-25 21:43 linFen 阅读(621) 评论(0) 推荐(1) 编辑

摘要: http://www.cssrain.cn/article.asp?id=31 阅读全文

posted @ 2008-07-25 21:41 linFen 阅读(244) 评论(0) 推荐(0) 编辑