梅的css和js窝

原创 谷歌到底想干什么

 谷歌是个互联网公司，名气很大，块头更大，其商业模式在世界范围内获得成功。但它现在的架势让人看不懂了。它向中国提出了政治要求，而这种事情通常是大的商业公司极力避免的。两天来，谷歌威胁要退出中国市场，一些西方媒体发出赞扬，并迅速把这一事件变成了批判中国的好机会。美国国务卿希拉里站出来指责中国，国会议员发出更加刺耳的声音。在这一事件中，谷歌处于风暴的中心，而且它的角色明显在变。起先，谷歌抱

原创 798

原创 页面角色的思考

页面角色的思考(作者：greengnn)document.body.clientWidth*0.5) {this.resized=true;this.width=document.body.clientWidth*0.5;this.style.cursor=pointer;} else {this.onclick=null}" border="0" resized="true" />从四个

原创 js+css图片自动等比例缩小且垂直居中

图片自动等比例缩小，其实如果不考虑ie6的话，用css就可以实现，设定img的max-width和max-height，而标签内不设定widht和height即可。 ie7已经支持max-width和max-height，这是为数不多的好消息之一。 但是对于ie6及以前的版本，就只能用js来设置了。 在 ff 2.0/ ie6 / ie7 中测试通过。 opera 8.5 cn 垂直居中未通过，正

原创 W3C中使用的对联漂浮广告代码

使用OK，在使用以下声明时，会使一个最常用的漂浮下拉广告失效http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">直接导致document.body.scrollTop永远等于0，　body Scroll永远也不会引发。搜索了一下，发现了解决方案。即是使用：

原创 弹出全屏无工具栏新窗口(兼容)

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">runcodewww.pr1984.comfunction winopen(targeturl){  newwin=window.open("","","scrollbars")  if (document.all)  {       newwin.moveTo(0,0)       newwi

原创 document.execCommand()说明收藏

看好多朋友还在询问这些问题，下面就介绍一下：-Q z4CQ%CH.D,pMw01.execCommand()方法是执行一个命令对当前文档，当前选择或者给出的范围无忧脚本H^ r4/4@ Eao:l}9iiw g1Z%w02.基本命令，如下无忧脚本]Z V.iH o@mY$c----------------------------------------------

原创 鼠标悬停在文本框末尾，兼容ie、ff、opera

function setCursor(o){ 无忧脚本,Pd8[/O.byK`Nif(document.all){dbFgXud:LJ5C$P0rng=o.createTextRange()无忧脚本-{ l9ki4@%S Orng.move("textedit")无忧脚本,r fXCK
C0e|i%crng.select()9{sXxObh_2?0}e

转载 javascript实用代码大全

事件源对象event.srcElement.tagNameevent.srcElement.type捕获释放event.srcElement.setCapture();event.srcElement.releaseCapture();事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey事件返回值event.returnvalue鼠标位置

转载 CSS设计时的八个必要的小技巧

以下是进行CSS设计时的八个必要的小技巧，良好的习惯可能会使你的设计周期加倍缩短。（如果您想了解更多请参见人民邮电出版社后续图书《CSS精粹--101条设计技巧》）1.若有疑问立即检测在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，请见http://validator.w3.org 请注意，在文件开头的错误，可能因为不当的结构等因素造成更多错误；

原创 javascript网址收藏

jquery jquery中文社区：http://jquery.org.cn/ jQuery中文入门指南：http://www.k99k.com/jQuery_getting_started.html JavaScript库-jQuery：http://jquery.com/ 《15天漫游jQuery》：http://lab.zhuaxia.com

翻译 为打印输出创建一个CSS样式

可以不必在Web站点上创建一个独立的与打印相关的页面。　　大多数的Web页面都显示在电脑屏幕上，人们通过屏幕观看，但是，有时候用户想要将一些网上的内容打印出来，这就需要与打印媒体连接起来。由于原来采用的是能让Web页面在屏幕上显示的效果很好的那种格式，但在打印时效果并不那么好，Web创建者们通常都会创建一些独立的页面，这些页面与打印机联系紧密，而用户也需要经常打印这些页面。但如果你使用了XHTML

原创 css难点解决

原创 兼容性

 今天工作中需做由两张一个像素的背景图片 .menu { BORDER-RIGHT: #014181 1px solid; BORDER-TOP: #014181 1px solid; MARGIN: 0px auto;  BORDER-LEFT: #014181 1px solid;  WIDTH: 769px;  BORDER-BOTTOM: #014181 1px solid;  H

原创 流行的设计元素:颜色

　颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.★淡淡的浅色系及延伸应用screen.width*0.7) {this.resized=true; this.width=screen.width*0.

原创 CSS+DIV园角边框

CSS+DIV园角边框可能你曾经听过类似下面的言论：“用CSS设计的站点往往是箱子般四四方方的，并且都是非常死板的棱角。有圆角边框吗？”圆角设计现在就在这里了。本篇教程中将示范如何完成一个可以灵活应用于动态内容布局的“圆角边框”。●The markup注意在下面的示例代码中，XHTML 断行标记“”被嵌入样本段落中。screen.width*0.7) {this.resized=true; t

转载 [转载] 女人必需要学会的四种气质

美丽是表象，可爱却在骨子里。一个不美丽的女人，可以通过日新月异的整容术，成功改造为一个“人工美女”，美的就像是数码宝贝；可爱则更多是一种天生的气质。“人不是因为美丽而可爱，而是因为可爱才美丽”。如何做一个可爱的气质女人呢？ 　　首先要学会充满自信 　　在这个处处充满竞争的社会，那种自怨自艾、柔弱无助的女人已日渐失去市场。男人不再是女人的主宰，女人也早已不是男人的附庸。 “男人追求的极致是成功，女人

原创 工作中网页标准规范

网页标准规范方案 讨论稿 网页标准实施可以帮助： l         减少标记：较少的代码意味着更快的打开网页，较少的代码也意味着更多的服务器空间。也就需要更少的费用（服务器空间与带宽）。l         增加内容与表现分离：使用CSS来控制网站的设计。更新与重新设计将更加容易。全站的转变只需要一个风格样式表文件的更新就可以达到。l         增加可用性：使网站

转载 ie6 bug

经验证是ie6的解析有问题，当父子都是块元素div，父定padding不定高宽，则子定margin无效，而且当父为div，子为p时一样存在此问题，别说不可能犯这种错误，有些莫名其妙的问题都因为我们思维和动手能力的懒惰而产生http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">

原创 CSS样式表常用小技巧

· ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 · 初学可能会碰到这样一个情况，同样一个标签的属性在 IE 设置成 A 显示是正常的，而在 Mo

原创 三列式网页布局

三栏布局(一)是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。  绝大多数网页设计者都熟悉传统的网页设计技术，用这些技术可以生成带有表格、创建固定宽度布局或者“液态”（它可以根据用户浏览器窗口宽度自动伸缩）布局的网页。现在，我们都开始抛弃基于表格的布局技

原创 CSS collection

CSS 收集站精选 视世界顶尖WEB设计师的标准制作，感受标准的气氛，掀起学习标准的浪潮。CSS ZenGarden: http://www.csszengarden.com/ CSS禅意花园是最富盛名的CSS设计陈列馆，DaveShea在创办之初是为了让网页设计师通过CSS样式表针对同一个Html文件的设计不同的样式，却没想到这个项目成为了当今网页设计顶尖高手展现无穷创意的舞台，看看禅意花园的主

原创 1h3x

body{background:#999;text-align:center;color: #333;font-family:arial,verdana,sans-serif;}#header{width:776px;margin-right: auto;margin-left: auto; padding: 0px;background: #EEE;height:60px;text-align:

转载 张爱玲说……

    因为懂得，所以慈悲。   一个女人不管有多么的风华绝代，才华出众，如果没有爱情，那也不过是一朵等待枯萎的玫瑰而已。

原创 点滴集

css引用方法：#总的布局# @import url("css/style.css");# 本页细节色彩# @import url("css/yellow.css");# 打印# @import url("css/style.css");/*-------公共css -------*/*{margin:0px;padding:0px;}BODY { margin:0px; padding:0p

原创 春意

原创 !important和(空格)/**/:的组合技巧及其他

对于IE的box-model的破解IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流传最为广泛的那个hack才开始被驯服http://www.tantek.com/CSS/Examples/boxmodelhack.htmlIE5.X/win对box-model的解析是一样的，他们认为width包括了边框(border)和补白(pad

转载 引闪客帝国网站重构访谈

话题背景：2004年10月15日，闪客帝国[http://www.flashempire.com]根据网页标准对自己的网站进行了网站重构，从而成为了首个采用采用WEB标准的大型国内网站，引起业界一阵轰动。三天后，国内权威的程序员网站CSDN[http://www.csdn.net]也正式推出了采用WEB标准技术从构的新版网站。　　而在国外，Bloger,ESPN,MACROMEDIA,MP3.CO

原创 FF,IE兼容问题

 相对来说，FF对CSS要求更严格一些。对FF来说，一般在属性后加!important就可以了，这样就对FF等浏览器重新定义了。有以下方面,都是从网上找的:FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 widthFF: 支持 !important, IE 则忽略, 可用 !impor

转载 分享单行图片文字垂直居中问题小技巧

总结选自（CSS权威指南） 引用内容vertical-align初始值：　baseline（缺省值）可否继承：否适用于：　内联元素说明：vertical-align:baseline使元素的基线同父元素的基线对齐．警告：vertical-align不能影响表格单元中的内容的对齐，对于块元素中的内容也一样．文字不多，但时常有人范错误，有人说我用了为什么没有效果呢？首行看一下他的代

翻译 Div + Css 设计网页时浮动问题的解决方法

以前最常用的方法有两种︰方法一、使用块级clear，即声明一个块的类属性为 程序代码.clear {clear:both;}方法二、使用内联元素清理，比如说在主浮动内容后跟一个内联元素。 程序代码.inlineclear {clear:both;}方法三，使用双层div巢状 程序代码#pubpage {display:block;clear:bo

原创 父DIV的高度不能根据子DIV自动变化的解决方案

　　当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案： 　　在层的最下方产生一个高度为1的空格，可解除这个问题另外还有这样写的：或者

转载 最典型实用的上中下，并且中间分三列的布局

 最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点：1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。IE6.0和FF1.5测试通过 效果浏览分析：最外层的wrapper把所有内容都嵌套在里边，整体相对定位。max min已经很好的控制了最窄最宽

原创 CSS hack浏览器兼容一览表

转载 翻译：On having layout

翻译：On having layout2006.04.1104:42[ xHTML/CSS ]译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，

转载 针对IE7的CSS Hack

IE7 修复了很多 bug，也增加了对一些选择符的支持，所以现在诸如 *html {} 和 html>body {} 等针对 IE 隐藏或显示的 hack 都会在 IE7 中失效。虽然 CSS Hack 不推荐使用，条件注释才是万无一失的过滤器，但是条件注释只能出现在 HTML 中，CSS Hack 还是有用武之地的。Nanobot 发现了一些针对 IE7 的 CSS Hack，具体就是：>b

转载 巧妙的css debug代码

  * { outline: 2px dotted red }  * * { outline: 2px dotted green }  * * * { outline: 2px dotted orange }  * * * * { outline: 2px dotted blue }  * * * * * { outline: 1px solid red }  * * * * * * { outl

原创 display:inline-block属性

 在使用CSS实现表现的时候，会对这一属性感觉很迷惑和模糊。display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。但对于这个属性不是所有浏览器都识别。支持的浏览器有：Opera、Safari但很遗憾，最流行的IE和Firefox却不支持这个属性（据说下一版本的Firefox将会支持display:inli

原创 页面自定义拖拽布局

 body {margin:0px;padding:0px;font-size:12px;text-align:center;}body > div {text-align:center; margin-right:auto; margin-left:auto;} .content{width:900px;}.content .left{ float:left; width:20%; border

原创 创建卸载鼠标事件

 scrīpt>function addEvent(obj,eventName,eventFunc)...{    if(obj.attachEvent)                ...{        obj.attachEvent(eventName,eventFunc);    }else if(obj.addEventListener)...{        eventNam