|
摘要：
布局基础理念 网站是否受欢迎固然要看网站的内部结构、前期定位和网站内容，但是网站中的各个网页看起来是否赏心悦目而便于操作，也是非常重要的，这就涉及到了网页的布局设计这个问题。随着Web标准的推广，将网页布局设计的更为合理，已经不再像在HTML时代那样难以做到，所以浏览者对网页布局的评价也越来越挑剔。 在这个Web标准“横行”的年代，只注重内容，不注重网页布局的网站必定会死掉，因为有... 阅读全文
posted @ 2008-11-27 21:04 linFen 阅读(5348) 评论(1) 推荐(1) 编辑
摘要：
1.若有疑问立即检测 在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS 都有检测工具可用，请见 http://validator.w3.org 。请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。 2.使用浮动功能时记得适当清除指令 浮动是个危险的功能，未必会产生... 阅读全文
posted @ 2008-11-27 21:01 linFen 阅读(292) 评论(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 阅读(186) 评论(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 阅读(151) 评论(0) 推荐(0) 编辑
摘要：
出现的浏览器：IE6 IE7（在firefox中正常没问题） 问题现象：div的内容（包括文字，图片，表单等）和背景分离开了看起来像在两个不同的层里面一样。 本来是为了实现一个可变背景的页面，让页面的背景颜色和透明度可变(即下面代码中的id=main的div)，但是内容的颜色和透明度不随背景变而变（即id=content的div），于是需要在内容层的下面加一个z-index比它低的层（即... 阅读全文
posted @ 2008-11-27 20:43 linFen 阅读(246) 评论(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) 编辑
摘要：
主要是引用程序集。之后声明个属性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) 编辑
摘要：
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 阅读(336) 评论(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 阅读(600) 评论(0) 推荐(0) 编辑
摘要：
为了减小浏览器与服务器之间网络传输压力，往往对静态文件，如js,css,修饰的图片做cache，也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数，并指定缓存时间，这样一定时间内浏览器就不会给服务器发出任何的HTTP请求(除了强制刷新)，即使在 这段时间内服务器的js或css或图片文件已经更新多次，但浏览器的数据依然是原来最能初cache的旧数据，有没有办法让浏览... 阅读全文
posted @ 2008-11-19 20:29 linFen 阅读(5301) 评论(0) 推荐(0) 编辑
摘要：
这个插件是用来把页面的内容复制到剪贴板的插件，使用起来很简单。 $.copy("字符串") // 把字符串复制到剪贴板$.copy(varStr) // 把变量varStr的值复制到剪贴板$("#elmID").copy() // 复制id为elmID的节点里的文字$("#elmID input").copy() // 复制id为elmID的节点下所有i... 阅读全文
posted @ 2008-11-02 15:16 linFen 阅读(10012) 评论(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 阅读(3275) 评论(0) 推荐(0) 编辑
摘要：
//回车自动提交内容 $(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 阅读(256) 评论(0) 推荐(0) 编辑
摘要：
$(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 阅读(670) 评论(0) 推荐(0) 编辑
摘要：
http://www.malsup.com/jquery/cycle/begin.html 阅读全文
posted @ 2008-10-15 19:24 linFen 阅读(289) 评论(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 阅读(783) 评论(1) 推荐(0) 编辑
摘要：
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 阅读(3079) 评论(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 阅读(330) 评论(0) 推荐(0) 编辑
摘要：
这十则CSS技巧汇编于网络，作为老手已经司空见惯了，也没有什么新意，但温故而知新，或许阅读一遍也有一定的启发，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧，更多的知识浏览52CSS.com的教程。希望大家能认真阅读。一、CSS字体属性简写规则 一般用CSS设定字体属性方法： font-weight:bold; font-style:it... 阅读全文
posted @ 2008-10-14 13:05 linFen 阅读(217) 评论(0) 推荐(0) 编辑
摘要：
在CSS网页布局开发中，会有很多小技巧，新手朋友往往对此很不熟悉。在某一两个小问题上，或许纠缠很长时间才能搞明白，虽然在52CSS.com的文档中，多次提及过这方面的内容，但依然有很多朋友在这些问题上犯错。我们今天看看这些CSS技巧，认真读一读，或许您并不能完全理解，您可以在52CSS.com进行搜索，扩展您所想要得到的知识，相信您会有很多收获！ 一、ul标签在Mozilla中默认是有paddi... 阅读全文
posted @ 2008-10-14 12:51 linFen 阅读(208) 评论(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 阅读(343) 评论(0) 推荐(0) 编辑
摘要：
图片文字垂直居中的最好方法 时间: 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 阅读(10184) 评论(0) 推荐(0) 编辑
摘要：
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 阅读(508) 评论(0) 推荐(0) 编辑
摘要：
1、css框架 中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词——“框架”。YUI、JQuery、Prototype这些javascript框架在开发网站时，确实成为前端开发工程师的手中利器。为什么呢？因为框架是包含工具、函数库、约定，以及尝试从常用任务中抽象出可以复用的通用模块，让设计师... 阅读全文
posted @ 2008-10-08 16:10 linFen 阅读(322) 评论(0) 推荐(0) 编辑
摘要：
很多朋友都在跃跃欲试 打算打造自己的jquery插件，我是 烦透了了jquery ui的dialog插件，所以突发奇想 自己写一个。先申明 就是随便这么一写，太多的还没有完善，之所以贴出来就是给大家一个参考。下面大家跟我一起打造一个jquery dialog插件首先创建一个插件$.fn.dialog=function(){ } 下面我们首先考虑 当您要现实的信息弹出来的时候，文档上面有一个遮罩层... 阅读全文
posted @ 2008-09-28 13:31 linFen 阅读(792) 评论(0) 推荐(0) 编辑
摘要：
首先我们先写一个jquery的匿名函数 以下为引用的内容： 这是一个最基本的写法 ，还没有做成 插件形式，主要就是让表格隔行换色。 这里我们可以发现 这个函数几乎没有什么通用性，下面我们来对她进行扩展。 以下为引用的内容： $('#cnjquery').alterColor(); 这样样子有点插件的意思了，但是我们会发现一个问题 这样写，不能链式操作， 也就是 $... 阅读全文
posted @ 2008-09-28 13:28 linFen 阅读(636) 评论(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 阅读(627) 评论(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 阅读(4590) 评论(0) 推荐(0) 编辑
摘要：
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) 编辑
摘要：
http://www.cssrain.cn/article.asp?id=29 阅读全文
posted @ 2008-07-25 21:43 linFen 阅读(621) 评论(0) 推荐(1) 编辑 |
||
