HUO霍zp
- 浏览: 11447 次
- 性别:
- 来自: 东莞
-
最新评论
文章列表
不使用Flash，照样可以做出非常炫的动画效果。本文介绍了一些使用JavaScript制作的动画特效网站。Javascript技术的应用使得动画效果更加炫酷，最后一个绝对值得大家欣赏！
http://www.iteye.com/news/23104
太强大了，都是神马存在啊！！
前不久，由于看腻了Dreamweaver中的默认样式，我更换了代码颜色，上个星期我想我应该再深入研究下字体，看有没有可能选用另外一种字体来组成一个新的样式主题。
另选字体有许多好处，最为突出的好处（取决于你的选择）是让你在水平方向可以看到更多的代码，减少拖动滑动条。但如果你使用自动换行，这点对你来说也无关紧要了。
下面列出的是我从这么多天寻觅到的15种字体中精选出的5种。
再见Courier New，虽然你很棒，但是我现在要对你说再见了
Droid Sans Mono：它非常漂亮，现在成为了我最喜欢的编程字体了。Droid Sans Mono是Google的Droid字体家族中一员， ...
在网页制作的过程中,有时会碰到需要设置图片的透明度.这个虽然不是很常用.但遇到这问题会让人不知从何下手,本文就来说下使用CSS如何制作网页透明图片.
关于CSS Alpha透明的相关知识。先请看如下代码：
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
简单解释，IE使用私有属性filter:alpha(opacity)，Moz Famil ...
以下源码都来自webkit：
var d=Date() 与 var d=new Date的区别
前者只是一个普通的函数调用，是通过JSValue.getCallData来执行的，而后者是创建一个对象是通过 JSValue.getConstructData来执行的
因此两者可能存在本质的区别，区别在于调用返回时callData.native.function指向何处
通过对javascript core的分析可知，前者只是返回一个string，而后者则是创建了一个date对象
前者对应代码：
static JSValuePtr callDate(ExecState* exec, JSObject* ...
Math.random()
返回 0 ~ 1 之间的随机数。
Math.round()
四舍五入取整。
Math.ceil()
返回值：返回大于或等于x，并且与之最接近的整数。
注：如果x是正数，则把小数“入”；如果x是负数，则把小数“舍”。
Math.floor()
返回值：返回小于或等于x，并且与之最接近的整数。
注：如果x是正数，则把小数“舍”；如果x是负数，则把小数“入”。
get Elements By Tag Name
“获取 要素（对象） 通过 标签 名字”
”通过标签名获取对象“ == 返回带有指定标签名的对象的集合
HTML DOM getElementsByTagName() 方法
定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
语法
document.getElementsByTagName(tagname)
说明
ge ...
阴影效果
通过使用带有一些padding之的背景图来添加阴影效果。
效果预览
HTML
<img class=”shadow” src=”sample.jpg” alt=”" />
CSS
img.shadow {
background: url(shadow-1000×1000.gif) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}
双边框效果
这应该是目前最常见的技巧，我们通过以下方式创建说边框。
效果预览
HTML
<img c ...
我们知道，IE6可能过不了多久就会消失了，但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗？这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。
1. 使用DOCTYPE
你应该在一直每个HTML文件的头部都使用DOCTYPE ...
在进行CSS网页布局时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！
一、IE边框若显若无，须注意，定是高度设置已忘记；
二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中；
三、三像素文本慢移不必慌，高度设置帮你忙；
四、兼容各个浏览须注意，默认设置行高可能是杀手；
五、独立清除浮动须铭记，行高设无，高设零，设计效果兼浏览；
六、学布局须思路，路随布局原理自然直，轻松驾驭html，流水布局少hack，代码清爽，兼容好，友好引擎喜欢迎。
七、所有标签皆有源，只是默认各不同，span是无极，无极 ...
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。
使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短解释。)
方法一
这个方法把一些 div 的显示方式设置为表格，因此我们可以使用表格的 vertical-align property 属性。
<div id="wrapper">
<div id="cell">
<div cl ...
当一个元素使用绝对定位后，它的位置将依据浏览器左上角开始计算或相对于父容器（在父容器使用相对定位时）。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就当绝对定位的元素不存在时一样。因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素。
而浮动元素的定位还是基于正常的文档流，然后从文档流中抽出并尽可能远的移动至左侧或者右侧。文字内容会围绕在浮动元素周围。当一个元素从正常文档流中抽出后，仍然在文档流中的其他元素将忽略该元素并填补他原先的空间。它只是改变了文档流的显示，而没有脱离文档流，理解了这一点，就很容易弄明白什么时候用定位，什么时候用浮动了。
一个元素浮动或绝对 ...
CSS Sprites(CSS图像拼合技术)
- 博客分类：
- 转载
什么是CSS Sprites？
“Sprite”(精灵)这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要 同时保持画面流畅。“Sprite”就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。
Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被“变”出来的，他们并没有单独占用内存，所以被取名为“Sprite精灵”。
时间进行到2000年，Web设计向着精致、巧妙的方向发展。设计师们开始考虑使用非Javascript的方 式制作鼠标滑过、 ...
浏览器兼容一直以来是很多人很头疼的问题，特别是一些很隐蔽的私有属性，常常让我们很苦恼。最近做一个外贸平台的时候刚好遇到了这个棘手的问题。Google将小于12px的英文字体强制显示为12px，这对志在兼容所有浏览器的我来说是一个不可忽视的问题。关于这个问题，请教了很多的高手，他们都说不知道，因为平时都很少做外贸平台，所以对于这个BUG他们不是很清楚。于是上网查资料，发现这是Google怕字体太小了，用户看不清楚，这个BUG让人觉得很无语，特别是像我们这种前端制作者。随后找到一些方法，比如改变字体，因为不同的字体在浏览器下面显示会有一定的区别，但是这种方法不怎么行得通。还有一种方法是通过自己制作字 ...