BlogJava-For a few $ more-文章分类-{D,X}HTML/CSS/JS/DOM/AJAXhttp://www.blogjava.net/asenyifei/category/15005.html是的，是这样的zh-cnThu, 01 Mar 2007 18:27:01 GMTThu, 01 Mar 2007 18:27:01 GMT60关于各种浏览器的css不透明度的问题http://www.blogjava.net/asenyifei/articles/69465.htmlJason.chenJason.chenWed, 13 Sep 2006 12:41:00 GMThttp://www.blogjava.net/asenyifei/articles/69465.htmlhttp://www.blogjava.net/asenyifei/comments/69465.htmlhttp://www.blogjava.net/asenyifei/articles/69465.html#Feedback0http://www.blogjava.net/asenyifei/comments/commentRss/69465.htmlhttp://www.blogjava.net/asenyifei/services/trackbacks/69465.htmlIE里，很容易就可以调节opacity的值，比如一张图片，它的id="image"，那么我们可以用这样的css来设置。
<style type="text/css">
#image{
filter:alpha(opacity=30);//IE
}
</style>
微软在它的浏览器中，对javascript和css都进行了很多的扩展，css的filter组件就是一个扩展，大学的时候我还花了很多时间来玩filter，后来发现它根本不能在别的浏览器工作时，就不用它了。
firefox里，也一样可以，不过写法不一样。代码如下“
<style type="text/css">
#image{
-moz-opacity:0.30;  //ff
}
</style>
如果在javascript里写的话，对应的属性是.style.MozOpacity。

conqueror里，我找到的写法是：
<style type="text/css">
#image{
-khtml-opacity:0.30;  //conq
}
</style>
但是，我测试发现它不work!,又javascript来控制（.style.KhtmlOpacity），还是不work，到conqueror的官方网站找到的是，3.1版本以后就已经不再支持了！！我一个下午的所有努力就这样白费了。

另外，还找到一个js函数，用来让各种浏览器支持这个属性的
 function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
 
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
 
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
 
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
 
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

函数的第一行，一个三目运算符，好像是针对firefox来设置的。这个函数怎么调用？我不太清楚，我让body的onload＝“setOpacity(image,20)",但是，并没有效果。我又改了函数，变成这样：
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
 
  // IE/Win
  document.all('obj').style.filter = "alpha(opacity:"+opacity+")";
 
  // Safari<1.2, Konqueror
  document.getElementById('obj').style.KHTMLOpacity = opacity/100;
 
  // Older Mozilla and Firefox
  document.getElementById('obj').style.MozOpacity = opacity/100;
 
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  document.getElementById('obj').style.opacity = opacity/100;
｝
不好意思，还是不工作。具体为什么？有时间再继续研究。


Jason.chen 2006-09-13 20:41 发表评论
]]>JS创建函数的3种方式http://www.blogjava.net/asenyifei/articles/68599.htmlJason.chenJason.chenFri, 08 Sep 2006 13:11:00 GMThttp://www.blogjava.net/asenyifei/articles/68599.htmlhttp://www.blogjava.net/asenyifei/comments/68599.htmlhttp://www.blogjava.net/asenyifei/articles/68599.html#Feedback0http://www.blogjava.net/asenyifei/comments/commentRss/68599.htmlhttp://www.blogjava.net/asenyifei/services/trackbacks/68599.html2、var f=new funtion{"x","y","var z=x*y;return z;"}            //function()构造函数，
3、var f=funtion(x){return x*x;}                                            //函数直接量

第1种方式是一个语句，而另2种方式则是由javascript的表达式创建的，可以作为一个表达式来使用，可以方便地用在多种场合。对于那些只要使用一次并且不用命名的函数，就可以用第2，3种方式来创建。

第2种方式允许动态地建立和编译一个函数，这样，我们使用函数时，就不用限制在function语句预编译的函数体种。但是第2种方式创建的函数有个缺点，每次调用这个函数，即是调用了function()构造函数，都会解析函数体并且创建一个新的函数对象。如果这个函数要经常使用（例如用在循环体中），将会频繁调用构造函数，执行效率就会非常低。

第3种方式创建的函数是程序结构的一个静态部分，是一个表达式，可以用来定义匿名函数。用于循环体时，我们可以选择第3种方式来创建函数。

第2种方式的函数主体"var z=x*y;return z;"是作为字符串存在的，每次调用构造函数时就会作为参数传递给function()，被解析和编译一次。

第3种方式创建的函数只需要解析和编译一次，就可以多次使用，函数主体是标准的javascript语法。

第2种方式创建的函数总是被当作顶级函数来编译，下面这个摘录自《javascript权威指南（第四版）》的列子可以说明：

var y="global";
function constructFunction(){
    var y="local";
    return new Function("return y;");
}
alert(constructFunction());                     //显示global


Jason.chen 2006-09-08 21:11 发表评论
]]> 字体大小的4种表示方法http://www.blogjava.net/asenyifei/articles/63733.htmlJason.chenJason.chenTue, 15 Aug 2006 09:22:00 GMThttp://www.blogjava.net/asenyifei/articles/63733.htmlhttp://www.blogjava.net/asenyifei/comments/63733.htmlhttp://www.blogjava.net/asenyifei/articles/63733.html#Feedback1http://www.blogjava.net/asenyifei/comments/commentRss/63733.htmlhttp://www.blogjava.net/asenyifei/services/trackbacks/63733.html
  • 绝对尺寸
    • 用具体字号表定义字体大小，可以取下列数值之一：xx - small, x-small, small, medium, large, x-large, xx-large。不同字体有不同的数值。
  • 相对尺寸
    • larger, smaller，产生的尺寸是相对于父容器字号而言的。
  • 长度
    • 用毫米(mm)，厘米(cm)，英寸(in)，点数(pt)，象素(px)，pica(pc)，ex(小写字母x的高度)或em(字体高度)作为度量单位。
  • 百分比
    • 相对于其父元素字体大小的百分比。

    Jason.chen 2006-08-15 17:22 发表评论
    ]]>    JAVASCRIPT的事件http://www.blogjava.net/asenyifei/articles/63708.htmlJason.chenJason.chenTue, 15 Aug 2006 08:10:00 GMThttp://www.blogjava.net/asenyifei/articles/63708.htmlhttp://www.blogjava.net/asenyifei/comments/63708.htmlhttp://www.blogjava.net/asenyifei/articles/63708.html#Feedback0http://www.blogjava.net/asenyifei/comments/commentRss/63708.htmlhttp://www.blogjava.net/asenyifei/services/trackbacks/63708.html
    #                         onchange（使用在表单元素中，当某些东西改变是执行）

    #                         onclick（鼠标点击一个元素时执行）

    #                         ondblclick（鼠标双击一个元素时执行）

    #                         onfocus（使用在表单元素中，当元素获得焦点时执行）

    #                         onkeydown （按下某个按键时执行）

    #                         onkeypress（按下和释放某个按键时执行）

    #                         onkeyup（释放某个按键时执行）

    #                         onload（在body标签中使用，载入页面的时候执行）

    #                         onmousedown（按下鼠标按键时执行）

    #                         onmousemove（鼠标光标在元素上移动时执行）

    #                         onmouseout（鼠标光标移开元素时执行）

    #                         onmouseover（鼠标光标移到元素上时执行）

    #                         onmouseup（当释放鼠标按键时执行）

    #                         onreset（用在表单元素中，当表单重置时执行）

    #                         onselect（用在表单元素中，当元素被选择时执行）

    #                         onsubmit（用在表单元素中，当表单提交时执行）

    #                         onunload（用在body标签中，当关闭页面时执行）

    Jason.chen 2006-08-15 16:10 发表评论
    ]]>    CSS和HTML结合的4种方式http://www.blogjava.net/asenyifei/articles/63570.htmlJason.chenJason.chenTue, 15 Aug 2006 00:43:00 GMThttp://www.blogjava.net/asenyifei/articles/63570.htmlhttp://www.blogjava.net/asenyifei/comments/63570.htmlhttp://www.blogjava.net/asenyifei/articles/63570.html#Feedback0http://www.blogjava.net/asenyifei/comments/commentRss/63570.htmlhttp://www.blogjava.net/asenyifei/services/trackbacks/63570.html
    第一种：
    Inline css 写法： style{属性：属性值，－－－}
    例： 定制标签<hr>的样式 <h1
    style{color:blue,font-style:italic}>h1文字</h1>

    第二种：
    File css 写法：在html里面的head区编写,<style></style>
    例： <style type="text/css" media="screen,print">
    <!--
    h1{color:blue,font-style:italic}
    -->
    </style>

    这里说一下，type="text/css"，是一个统一资源文件类型描述，它告诉浏览器，这里是纯文本的，
    里面的内容是css，http协议中，用这种方式来表达所有的文件类型，/前面表示文件类型，可以是
    text、img、bin，/后面是该文件类型的文件格式，text对应有css、html，plain（无格式的）
    等，img对应有jpg、gif、png等等。这个，好像，知道了也没什么大用，仅作了解。

    media＝"screen,print"告诉浏览器，这个style用到屏幕输出和打印输出上，有的时候，打印机
    打印的效果如果采用这个style的话，效果可能会很差，那么我们就可以编写另一个合适的style，
    让它的media="print"。
    <!--
    -->大家都知道是注释，在这里把内容包括进去是为了让不支持这个style的浏览器跳过去。

    一个页面包含了这个style后，所有的<h1></h1>标签内的文本都要受到这个style的影响。当然，
    如果这个<h1></h1>标签已经用了第一种CSS，就以第一种为准。

    第三种：
    Extended CSS
    写法：在一个扩展名为.css的文件中，写纯的CSS，没有其他的任何标签
    列： <!--
    h1{color:blue,font-style:italic}
    -->

    要使用外部的CSS，需要在html文件的<head>区用<link>标签引入。例如，
    <link rel="stylesheet" href="***.css" type="text/css" media="all" >

    第四种：
    import css
    写法：         在html里面的head区编写
    <style type="text/css">
    @import url(style.css);
    </style>

    Jason.chen 2006-08-15 08:43 发表评论
    ]]>