朝夕 - 博客园

2009年4月14日

摘要： ul li { float:left; margin:0 12px 12px 0; display:inline;}display:inline的意思是基线显示可以消除IE6和IE7下的浮动BUGdisplay:inline 可以消除IE6双倍边距的BUG。阅读全文

posted @ 2009-04-14 20:56 朝夕阅读(1346) 评论(2) 推荐(1) 编辑

CSS渲染速度的提高方法

摘要：网页打开与浏览速度受着多方面因素的影响，客户网速是一个方面，另外网站开发的编码方式也将对用户的电脑产生负担，在之前的文章中提过这方面的内容。这篇文章主要写的提高网页在客户端浏览器的渲染速度的CSS部分。　　一、*{} #page *{} 尽量避开　　由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有... 阅读全文

posted @ 2009-04-14 20:53 朝夕阅读(470) 评论(0) 推荐(0) 编辑

clip剪裁矩形

摘要：应用clip属性需要注意的两点：　　一、clip属性必须和定位属性postion一起使用才能生效。　　二、clip裁切的计算坐标都是以左上角即（0,0）点开始计算，如图三所示，这点不像padding和margin，它们两个的右边距和下边距是从最右边和最下边开始计算的。clip属性设置元素的形状。这个属性用于定义一个剪裁矩形。在这个矩形内的内容才可见，出了这个剪裁区域的内容和 overflow:hi... 阅读全文

posted @ 2009-04-14 20:43 朝夕阅读(519) 评论(0) 推荐(0) 编辑

CSS外部引用时用@import和link 区别

摘要：外部引用CSS中 link与@import的区别外部引用CSS分为两种方式link和@import。本质上，这两种方式都是为了加载CSS文件，但还是存在着细微的差别。差别1： link属于XHTML标签，而@import完全是CSS提供的一种方式。link标签除了可以加载CSS外，还可以做很多其它的事情，比如定义RSS，定义rel连接属性等，@import就只能加载CSS了。差别2：加载顺... 阅读全文

posted @ 2009-04-14 16:05 朝夕阅读(492) 评论(0) 推荐(0) 编辑

2009年4月13日

常用的CSS命名规则

摘要：头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载... 阅读全文

posted @ 2009-04-13 18:02 朝夕阅读(387) 评论(0) 推荐(0) 编辑

2009年4月10日

javascript with用法

摘要：为语句设定默认对象。 with (object) statements 参数 object 新的默认对象。 statements 一个或多个语句，object 是该语句的默认对象。说明 with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用： x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10) y =... 阅读全文

posted @ 2009-04-10 11:55 朝夕阅读(821) 评论(0) 推荐(0) 编辑

this的用法

摘要： this 对象返回“当前”对象。在不同的地方，this 代表不同的对象。如果在 JavaScript 的“主程序”中（不在任何 function 中，不在任何事件处理程序中）使用 this，它就代表 window 对象；如果在事件处理程序中使用 this，它就代表发生事件的对象。一个常用的 this 用法： Code highlighting produced by Actipro Co... 阅读全文

posted @ 2009-04-10 11:35 朝夕阅读(293) 评论(0) 推荐(0) 编辑

2009年4月9日

HTML条件注释

摘要：下面一段代码是测试在微软的IE浏览器下的条件注释语句的效果您正在使用IE浏览器版本 5.5 版本 6 版本 7 下面的代码是在非IE浏览器下运行的条件注释您使用不是 Internet Explorer 最终在非IE和特殊的IE浏览器下起作用 (或者使用 lte lt 或者 gt gte来判断，如：在IE 6下显示的信息 ). 您正在使用Internet Explo... 阅读全文

posted @ 2009-04-09 16:51 朝夕阅读(1996) 评论(0) 推荐(0) 编辑

2009年4月8日

ie6.0下div 实现1px高度

摘要：解决方法有如下几种： 1.加一个font-size=0px；的属性可以实现． Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ --> 但经过我的测试，细是细了，但不是1px，有点像是2px.不知道是我的浏览器问题，还是别的原因．你们可以用这个方... 阅读全文

posted @ 2009-04-08 10:24 朝夕阅读(2209) 评论(1) 推荐(1) 编辑

2009年4月7日

JavaScript 控制 margin

摘要： JavaScript 控制 margin-top ,margin-left , margin-right ... 千万不要用这样做 document.getElementById("div1").style.margin-top="30px"; //这样是不对的 document.getElementById("div1").style.margintop="30px"; //这样是不对的这个也... 阅读全文

posted @ 2009-04-07 12:25 朝夕阅读(21481) 评论(1) 推荐(0) 编辑

2009年3月26日

多选和反选 jquery

摘要： Item1 Item2 Item3 Item4 Item5 CODE： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> Item1 Item2 Item3... 阅读全文

posted @ 2009-03-26 15:53 朝夕阅读(593) 评论(0) 推荐(0) 编辑

禁止不动浮动层

摘要： CODE: Code Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->move 阅读全文

posted @ 2009-03-26 14:46 朝夕阅读(561) 评论(0) 推荐(0) 编辑

2009年3月25日

点击copy

摘要： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 阅读全文

posted @ 2009-03-25 16:07 朝夕阅读(375) 评论(0) 推荐(0) 编辑

标题闪烁

摘要：请注意看TITLE变化 code: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 阅读全文

posted @ 2009-03-25 15:57 朝夕阅读(635) 评论(1) 推荐(0) 编辑

2009年3月24日

按钮美化

摘要： 1.样式一平面按钮代码如下： 2.样式二代码如下： 3.样式三：代码如下： 4.样式四代码如下： 5.样式五，button 这是一个按钮代码如下：这是一个按钮阅读全文

posted @ 2009-03-24 17:31 朝夕阅读(1243) 评论(0) 推荐(0) 编辑

凹陷文字

摘要：怎么样，我凹下去了吧？你不想试试吗？ http://www.xxxx.cn/ Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 怎么样，我凹下去了吧？你不想试试吗？ www.XXXX.cn 阅读全文

posted @ 2009-03-24 17:22 朝夕阅读(873) 评论(1) 推荐(0) 编辑

DIV+CSS圆角边框

摘要：简洁型css圆角：方法1：简洁型css圆角矩形 code1: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 简洁型css圆角矩形方法2：无图片实现圆角框 code2: Code h... 阅读全文

posted @ 2009-03-24 17:07 朝夕阅读(131346) 评论(21) 推荐(34) 编辑

3D按钮

摘要：搜索 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 搜索阅读全文

posted @ 2009-03-24 16:06 朝夕阅读(909) 评论(0) 推荐(3) 编辑

三元(目)运算符等于简单if else

摘要： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->menu.className=i==cursel?"curr":""; con.style.display=i==cursel?"block":"none"; 是一个三元运算符上面的写法也就是以... 阅读全文

posted @ 2009-03-24 14:58 朝夕阅读(531) 评论(0) 推荐(2) 编辑

另类跑马灯基于JQUERY

摘要： 111111111 222222222 333333333 444444444 555555555 666666666 777777777 888888888 999999999 aaaaaaaaa bbbbbbbbb ccccccccc ddddddddd eeeeeeeee ... 阅读全文

posted @ 2009-03-24 14:29 朝夕阅读(2276) 评论(1) 推荐(1) 编辑

CSS Sprites － CSS背景图片的绝对定位应用

摘要：这项CSS技术是利用利用对一张背景图片的绝对定位来实现减少HTTP请求，从而达到网页提速。CSS sprite最适合作用于背景图标或是背景装饰性的图片。就是把许多背景图片整合成一张背景图片，然后通过限制要使用背景图片的元素的宽高，再通过background-repeat, background-position来对图片进行定位，这样做的好处就是减少网页加载时的HTTP请求，因为你... 阅读全文

posted @ 2009-03-24 13:45 朝夕阅读(2714) 评论(0) 推荐(0) 编辑

内部容器有浮动造成的边框断断续续效果解决方法(IE)

摘要： 1. zoom:1; 2. position:relative; 阅读全文

posted @ 2009-03-24 13:44 朝夕阅读(446) 评论(0) 推荐(0) 编辑

CSS自动换行,强迫不换行

摘要：自动换行 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->div{ word-wrap: break-word; word-break: normal; } 强迫不换行 Code highlighting produced by ... 阅读全文

posted @ 2009-03-24 13:42 朝夕阅读(127659) 评论(0) 推荐(3) 编辑

使用background 插入flash播放器播放音乐

摘要： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->body { background:url("JAVAscript:window.onload=function plays(){ var player=''; music.innerH... 阅读全文

posted @ 2009-03-24 13:40 朝夕阅读(419) 评论(0) 推荐(1) 编辑

CSS按比例缩放图片

摘要： FF ,OPERA ,SAFARI ,IE7 ,IE8 方法如下：[代码]IE6及其以下版本的浏览器，利用其支持的expression属性:[代码]auto 会造成IE6错误，如：文字不能被选中，输入框得不到焦点。故把 auto 改成 true[代码] 阅读全文

posted @ 2009-03-24 13:38 朝夕阅读(5303) 评论(0) 推荐(0) 编辑

悬停效果不随滚动条滚动

摘要： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 我是不动的。 move 阅读全文

posted @ 2009-03-24 13:18 朝夕阅读(331) 评论(0) 推荐(0) 编辑

修正透明度在IE和在firefox hack

摘要： Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 透明度，在IE(N)和在firefox中均显示正常 filter 是IE专有属性 -moz-opacity 是FF专有属性如果不给它加宽度或高度的在IE里透明度也是显示不正常阅读全文

posted @ 2009-03-24 13:15 朝夕阅读(302) 评论(0) 推荐(0) 编辑

区别不同浏览器，CSS hack写法

摘要：区别IE6与FF： *_background:blue;background:orange; 区别IE6与IE7： _background:green;*background:blue; 区别IE7与FF： *background:green;background:orange; 区别FF，IE7，IE6： background... 阅读全文

posted @ 2009-03-24 13:01 朝夕阅读(321) 评论(0) 推荐(0) 编辑

在IE6中overflow: hidden BUG

摘要：有时单单是给容器添加overflow: hidden，IE6很可能根本看不见任何效果。但是一旦容器有了固定的高度、宽度，overflow: hidden立刻就达到了期望的效果。为些只能为IE6 加个CSS HACH ： Selector {_width:value} 阅读全文

posted @ 2009-03-24 12:57 朝夕阅读(3428) 评论(1) 推荐(0) 编辑

frameset实例

摘要：页面分左右两部分，点击左边的html文字后，新页面在右边部分显示。主要记住“target”属性。下面我来告诉大家各个网页的制作方法。 main.htm (1) (2) 超链接与框架的制作 (3)... 阅读全文

posted @ 2009-03-24 12:29 朝夕阅读(21798) 评论(0) 推荐(0) 编辑

前端LOVER

公告