摆渡人,外婆桥!
            ----只要路选对了,就不怕有多远!

2007年3月25日

IE对select的处理,又一怪现象:innerHTML竟然不起作用。

我们用select来选取一个国家,当我辛辛苦苦拼凑字符串,然后把这个字符串赋值给select的innerHTML,运行,在firefox下能显示出所有的国家。但是在IE下却什么都没有显示。刚开始我还以为是我拼凑的字符串有问题,仔细检查没有啊。后台到google上search了下,发现是ie处理select的一个bug。于是做了一个简单的测试。

 1<html>
 2<head>
 3<title>test</title>
 4<script language="javascript">
 5function test(){
 6    var elem=document.getElementById("testS");    
 7    elem.innerHTML="<option value=1>aa</option>";
 8}

 9
10
</script>
11</head>
12<body>
13<input type=button value=test onclick='test()'>
14<div>
15    <select id='testS'></select>
16</div>
17</body>
18</html>

点击test按钮,在IE下,select框没有任何的内容。怪异啊!
于是不得不利用Option对象来增加select的内容。
posted @ 2007-09-12 10:43 swingboat 阅读(1192) | 评论 (0) | 编辑 收藏
 
在IE下,页面只有一个text的时候,回车将自动submit。
真是一个很怪的缺省操作啊!

 1<html>
 2<head>
 3<title>test</title>
 4<script language="javascript">
 5</script>
 6</head>
 7<body>
 8<form name="test" method="post" action="test.htm">
 9<input type='button' value='test' onclick="javascript:test()"> 
10<input type="text"   name="textfield"   class="input">
11</form>
12</body>
13</html>

运行上面的html文件,在text中输入内容,然后回车,这个页面将会自动提交表单。即使我在这个页面中增加file,checkbox,hidden等的控件,这个页面还是会自动提交。这是IE的一个缺省操作。如果想改变这个缺省操作,我们可以再增加一个text,然后隐藏这个text。

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer
posted @ 2007-08-28 16:47 swingboat 阅读(1847) | 评论 (3) | 编辑 收藏
 
设置input的内容居中?

让input的内容在纵向居中,首先我使用了vertical-align样式,没有任何的效果。
后来google了一把,发现需要设置line-height样式,设置后运行,果然如此!
.input   {  
  FONT-SIZE:   12px;    
  height:100px; 
  line-height:100px;
}  
以下是引用内容(http://topic.csdn.net/t/20050722/20/4162420.html):
实际上,一个Box中由很多行很多元素组成,vertical-align只作用于在同一行内的元素,它的垂直并不是相对于整个Box而言的。前面那个   span定义了一个60px的高度,但是这个span的Box中存在很多行,那段文本并不能对齐到span的中央。因此希望那段文本对齐span的中行,   需要给它定义一个line-height的属性,让line-height为60px,作用于一行的vertical-align就按你的想法工作了

posted @ 2007-08-24 16:02 swingboat 阅读(2674) | 评论 (1) | 编辑 收藏
 
可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?

今天解决了一个困扰我们很久的一个问题(说是很久,但一直没有花时间去research,想想不影响功能使用,没什么啊。而真正解决问题,也就那二十来分钟,哎!人已经懒惰成这样了)。
问题描述:
我们利用ajax做了一套系统,但通过https访问的时候,IE总会弹出下面的对话框:

而在我们的代码中所有的访问都是通过https的,怎么会有不安全的元素呢?在网上google了一下,有人提到可能是iframe的问题。而在我们系统中确实用到了很多的iframe。修改code,去掉所有的iframe。再次run,上面的对话框没有了,终于找到原因了。但是我们的系统中是需要iframe啊?请看下面的code:

1var iframe=document.createElement("iframe");
2        iframe.style.zIndex=-1;
3        iframe.style.position="absolute";
4        iframe.style.left=0;
5        iframe.style.top=0;
6        iframe.style.width=menu.getSize().x-2;
7        iframe.style.height=menu.getSize().y-4;
8        menu.getHtmlElement().appendChild(iframe);

从上面的code,可以看出代码中没有指定src属性,这样IE是没有办法知道这个iframe将引用的是安全内容还是不安全内容呢。所以会弹出上面的对话框。增加src属性,修改code:

var iframe=document.createElement("<iframe src='blank.html'>");//src是个只读属性,不能直接赋值,black.html是个空的静态页面。

再次run,对话框没有了,问题解决。

附录:

在IE下,如果div悬浮在select上面。select会透过div显示出来。这非常影响视觉效果。网上有很多的解决办法,其中一个就是在div中增加iframe。我们就是通过这个方法的,但又产生了这个问题。

posted @ 2007-08-15 16:15 swingboat 阅读(11093) | 评论 (7) | 编辑 收藏
 
利用JGroups同步两台server之间的cache。
     摘要: 一、需求前段时间做了一个项目,在后台有很多的数据都放入到了cache中了,而且还会对cache中的数据进行更新。如果只有一台server没有任何问题,但是如果考虑到集群负载平衡,连接多个server的时候,就有问题出现了,怎么样才能保证多个server之间cache的同步呢?请看下面的部署图。 二、引入JGroupsJGroups是一个可靠的组间通讯工具,进程可以加入一个通讯组,给组内所有的成员...  阅读全文
posted @ 2007-07-16 14:21 swingboat 阅读(6606) | 评论 (0) | 编辑 收藏
 
有关“+”和“_”的search。
        今天下午QA给我报了一个bug,说输入“f+f”或者“f_f”能够搜索出“f f”的结果。看着这bug的描述,心里还想着怎么会呢,模糊查询也不会出现这样的结果啊!赶紧自己输入“f+f”和“f_f”验证下,结果两次都输出了“f f”。由于查询的条件是通过URL后的参数输入的,当我输入“f+f”时,发现参数传入到服务端后变成了“f f”了,如果是这样,那search的结果是正确的。但为什么输入的参数“f+f”怎么会变成了“f f”呢?而且在输入参数都通过escape进行编码了。于是上网google了一下,发现escape函数是不会对“+”进行编码的,但请求时,web服务器会过滤掉“+”这个字符。所以我们必须手工对“+”进行编码,把所有的“+”都改变为“%2b”。修改代码测试,再次输入“f+f”,结果不能搜索出“f f”的结果了。
而对输入“f_f”搜索出“f f”的结果,主要原因是这个是模糊查询的一种。“f_f”表示搜索出含有两个“f”字符而且中间有一个字符分隔的,“f  f”正好满足这个条件,于是被搜索出了。
posted @ 2007-05-24 23:28 swingboat 阅读(385) | 评论 (0) | 编辑 收藏
 
synchronized的作用
     摘要: synchronized的作用 一、同步方法public synchronized void methodAAA(){ //…. }锁定的是调用这个同步方法的对象 测试:a、不使用这个关键字修饰方法,两个线程调用同一个对象的这个方法。目标类: 1public class TestThread {2   &nb...  阅读全文
posted @ 2007-05-08 11:02 swingboat 阅读(16408) | 评论 (18) | 编辑 收藏
 
HTML的特殊字符

学习BPEL,有个有名的开源引擎ActiveBEPL(http://www.active-endpoints.com),于是进入这个站点搜索些资料。在浏览中发现网页上有很多这种字符“ActiveBPEL™”,这个TM的样式非常的怪,是怎么实现的呢?我用firebug查看了下它的代码,也仅仅是“TM”两个字符。我又用IE Inspector查看了,是“? ”。这就更怪了,竟然不一样。后来又在一页的title上发现了这些字符,于是查看了下源代码。“ActiveBPEL&trade;”&trade;是什么,google一下。呵呵,原来是HTML的一个特殊字符而已。写了这么多年的HTML,竟然不知道,惭愧啊!

想表达的意图 处理方式
(回车换行) <br>
 (空格符) &nbsp;
&(AND符号) &amp;
<(左尖括号、小于号) &lt;
>(右尖括号、大于号) &gt;
°(度) &deg;
•(间隔符) •
´ &acute;
" &quot;
“ &ldquo;
” &rdquo;
‰ &permil;
← &larr;
↑ &uarr;
→ &rarr;
↓ &darr;
↔ &harr;
√ &radic;
∝ &prop;
∞ &infin;
∠ &ang;
∧ &and;
∨ &or;
∩ &cap;
∪ &cup;
Ø &Oslash;
∫ &int;
∴ &there4;
≈ &asymp;
¥(RMB) &yen;

想表达的意图 处理方式
≠ &ne;
≡ &equiv;
≤ &le;
≥ &ge;
⊕ &oplus;
λ &lambda;
μ &mu;
ν &nu;
ξ &xi;
ν &nu;
ξ &xi;
∏ &prod;
∑ &sum;
¥ &yen;
… …
¹(一次方符号) &sup1;
²(平方符号) &sup2;
³(立方符号) &sup3;
nr(上标情形) n<sup>r</sup>
Ci(下标情形) C<sub>i</sub>
加粗 <b>加粗</b>
斜体 <i>斜体</i>
下划线 <u>下划线</u>
±(加减符号) &plusmn;
×(乘法符号) &times;
÷(除法符号) &divide;
©(版权所有) &copy;
®(注册商标) &reg;
™(商标符号) &trade;
—(破折号) —

posted @ 2007-04-23 15:16 swingboat 阅读(716) | 评论 (0) | 编辑 收藏
 
不同时区之间,时间的转换?
一、问题描述
   当软件需要国际化的时候,我们不得不考虑时间的问题。不同的地方有不同的时区,从而显示的时间是不一样的。而且很多国家在某一段时间还可能会实行夏令时,显示的时间又不一样。为了保证时间的正确性,必须有统一的基线,从而不得不考虑下列时间之间的转换。
   a、long timeToUTC(time,timezone)                //把给定的时间根据给定的时区转化为UTC
   b、String UTCToTime(long,timezone)              //把给定的UTC转化为制定时区的时间
   c、timeToTime(time,timezone1,timezone2)         //把给定的时间根据制定的时区转化为另指定时区的时间
   //考虑到数据的存储,还必须考虑数据库对于时间字段的格式。

二、解决方法
   显示时间的不同,主要原因的是时区不同。如果不考虑自定义时区的问题,JODA包就能很好解决上面的问题,但是如果考虑自定义时区(很多软件由于考虑夏令时,从而增加了自定义时区的功能来设置夏令时),则我们必须自己来写转换函数。
   a、JODA
 1public long timeToUTC(String theSourceTime, int sourceWbxTZID)
 2        throws Exception {
 3        DateTime targDate;        
 4        if (sourceWbxTZID == (-1)) {  //UTC
 5            //mdyFormatter:org.joda.time.format.DateTimeFormatter
 6            targDate = mdyFormatter.withZone(DateTimeZone.UTC).parseDateTime(theSourceTime);//
 7        }
 else {
 8            targDate = mdyFormatter.withZone(
 9                DateTimeZone.forID(convertTimezone(sourceWbxTZID)))
10                .parseDateTime(theSourceTime);
11        }

12        return targDate.getMillis();
13    }
   
14    public String UTCToTime(long theUTCTime, int targetWbxTZID)
15        throws Exception {
16        DateTime theSourceTime = new DateTime(theUTCTime);
17        if (targetWbxTZID == (-1)) {
18            return mdyFormatter.withZone(DateTimeZone.UTC).print(theSourceTime);
19        }
 else {
20            return mdyFormatter.withZone(
21                DateTimeZone.forID(convertTimezone(targetWbxTZID))).print(
22                theSourceTime);
23        }

24    }

   b、自编写
 1/** *//**
 2   *sourceDate:需要转换的日期,此日期必须是居于GMT的时间。
 3   *timezone:
 4   *gMT:是否是GMT时间
 5   *isConsiderDayLight:是否考虑夏令时
 6   */

 7  private long convert(Date sourceDate, Timezone timezone, boolean gMT, boolean isConsiderDayLight) throws Exception {
 8    int gMTOffSet = (int) timezone.getGmtOffset();//获取偏移量
 9    long sourceTime = sourceDate.getTime();
10    if (gMT) {
11        targetTime = sourceTime + gMTOffSet * 60 * 1000;
12    }
 else {
13        targetTime = sourceTime + ( -1) * gMTOffSet * 60 * 1000;//北京偏移8个小时,如是:-8*60*1000
14    }

15    //下面是考虑夏令时
16    
17    return targetTime;
18    
19  }

20  public long timeToUTC(String theSourceTime, int sourceWbxTZID)
21        throws Exception {
22        SimpleDateFormat sdf = new SimpleDateFormat("MM/dd/yyyy HH:mm:ss");        
23        sdf.setTimeZone(TimeZone.getTimeZone("GMT"));
24        Date date=sdf.parse(theSourceTime);                
25        Timezone timezone=(Timezone)keyedByWbxTZID.get(String.valueOf(sourceWbxTZID));//此函数主要是获取Timezone相关的数据
26        return convert(date,timezone,false,true);        
27  }
 
28  public String UTCToTime(long theUTCTime, int targetWbxTZID)
29        throws Exception {
30        Date date=new Date();
31        date.setTime(theUTCTime);
32        Timezone timezone=(Timezone)keyedByWbxTZID.get(String.valueOf(targetWbxTZID));//此函数主要是获取Timezone相关的数据
33        long time=convert(date,timezone,true,true); 
34        SimpleDateFormat sdf = new SimpleDateFormat("MM/dd/yyyy HH:mm:ss"); 
35        sdf.setTimeZone(TimeZone.getTimeZone("GMT"));
36        return sdf.format(new Date(time));
37  }


三、相关的一些时间概念 
GMT:就是格林威治标准时间的英文缩写,格林威治是伦敦泰晤士河南岸的一个地方,由于从19世纪开始,因为世界各国来往频繁,而欧洲大陆、美洲大陆和亚洲大陆都有各自的时区,所以为免混乱,各国的代表就在1884 年在美国华盛顿召开了国际大会,通过协议选出伦敦的格林威治,作为全球时间的中心点,格林威治标准时间因而诞生。所以有GMT功能的腕表就是说腕表拥有其中的小时表盘可以显示GMT时间。

UTC:短波传送很远,可能经过许多国家、许多不同时区,所以需要有一统时间作标准, 这个标准时间Co-ordinated Universal Time 缩写UTC 或称 UT。过去称为格林威治时间(GMT),虽然有些地方有冬令时间或夏令时间,但UTC时间是不会改的,大家都以它为标准。

DST:Daylight saving time .(夏令时,各个国家开始和结束时间的计算方法是不一样的)
美国,加拿大夏令时起止时间:每年3月份第二个星期天到11月份第一个星期天(亚利桑那州、夏威夷、波多黎各、维尔京群岛和美属萨摩亚除外)。

德国、意大利等多数欧洲国家夏令时起止时间:每年3月份最后一个星期天到10月份最后一个星期天。


MST:Mountain Standard Time
PST:Pacific Standard Time
EST:Eastern Standard Time

很多朋友对于美剧官方网站上的时间表达方式不是很理解。
这里说明一下,以Prison Break为例:Monday 8/7c
它指的是:星期一 东部时间8点 中部时间7点。两地同时播放,不过因为时差问题,钟表上显示的时间有一个小时的差别。
尽管官网的播放时间对于美国以外的朋友来说意义不大,不过如果你愿意查出相对应的北京时间,可以使用http://www.worldtimeserver.com 的服务,我相信国内也有很多类似的时间转换网站,包括google,百度都可以,这里就不再罗嗦了。至少目前来说,美东时间和北京时间相差12小时,也就是说,我们比美东快12个小时。Prison Break的播放时间就是北京时间第二天的早上8点,也就是星期二 8:00AM.

相对于美国,我们国家的时区划分相对简单很多,特别是取消夏令时后,不出国,我们基本上不用考虑时差问题。

美国本土大陆地区采用的时区自东向西为:
东岸标准时区 (Eastern Standard Time; EST; UTC-5; R区),包括大西洋沿岸各州、墨西哥湾及密西西比河以东地区。
中部标准时区 (Central Standard Time; CST; UTC-6; S区),包括密西西比河沿岸以及以西州份的大部份。
山部标准时区 (Mountain Standard Time; MST; UTC-7; T区), 沿大陆分水岭—洛矶山一线的州份、大盆地及科罗拉多河流淢。
太平洋标准时区 (Pacific Standard Time; PST; UTC-8; U区),包括太平洋沿岸地区及内华达州。

美国本土大陆地区以外地区采用的时区
阿拉斯加标准时区 (Alaska Standard Time; AKST; UTC-9; V区) 包括阿拉斯加州大部份地区。
夏威夷—阿留申时区 (Hawaii-Aleutian Standard Time,非正式:夏威夷标准时 Hawaii Standard Time; HST; UTC-10; W区),包括夏威夷州及169°30'W以西的阿留申群岛。

美国属土采用的时区
大西洋标准时区 (Atlantic Standard Time; AST, UTC-4; Q区) 包括波多黎各及美属处女岛。
萨摩亚时区 (Samoa Standard Time; UTC-11, X区)包括美属萨摩亚。
查莫罗时区 (Chamorro Standard Time; UTC+10, Zone K)包括关岛及北马里亚纳群岛。

中国的时区:我们使用北京时间,以前称中原标准时间,现在台湾依然使用这个名称,是中国大陆、香港、澳門和台湾的标准时间。在时区划分上,属东八区,比世界协调时早8小时,记为UTC+8。

严格地讲,北京时间并不是北京(东经116°)地方的时间,而是东经120°度地方的地方时间。而北京时间也不是在北京确定的,而是由位于中国版图几何中心位置陕西临潼的中国科学院国家授时中心的9台铯原子钟和2台氢原子钟组通过精密比对和计算实现,并通过卫星与世界各国授时部门进行实时比对。

清光绪28年(公元1902年),中国海关曾制定海岸时,以东经120度之时刻为标准。公元1912年,位于北京的中央观象台将全国分为五个时区,民国28年3月9日中华民国内政部召集标准时间会议,确认1912年划分之时区为中华民国标准时区。分别为:
1昆仑时区 UTC+5.5 新疆西部与部分西藏
2新藏时区 UTC+6 新疆及西藏
3陇蜀时区 UTC+7 中国中部
4中原标准时区 UTC+8 中国海岸
5长白时区 UTC+9 中国东北
1949年之后,中国大陆将“中原标准时间”改称“北京时间”,并在全国统一使用该时间作为标准时间。台湾则维持“中原标准时间”之名称,也有称“台北时间”或“国家标准时间”。

由于中国大陆全境都采用北京时间作为标准时,因此在中国西部的陕西、甘肃、新疆等省和自治区造成了生活不便,比如在乌鲁木齐,北京时间比当地时间提前两个小时,北京时间早8时30分(中国大陆公务机关通行的上班时间)相当于当地时间早晨6时30分。作为解决措施,一些新疆地区居民使用乌鲁木齐时间,即东六区(UTC+6)时间。

2005年,一些中华人民共和国全国人民代表大会代表提出将中国大陆时区加以细分的建议,提议分为以北京时间为基础的东部时间(UTC+8)、以陕西地区时间为基础的中部时间(UTC+7)和以新疆、西藏地区时间为基础的西部时间(UTC+6)。后又将该提议改为分为两个时区,即UTC+8和UTC+7两个时区,陕西、四川、重庆、贵州、云南及以西各省采用UTC+7的西部时间。但该提案尚未赴诸表决。

posted @ 2007-04-20 16:24 swingboat 阅读(7454) | 评论 (3) | 编辑 收藏
 
javascript在IE和Firefox中的区别1
1.调用appendChild方法增加input对象,设置type属性的位置
   
 1  <html>
 2    <head>
 3    <title>test</title>
 4    <script language="javascript">
 5    function test(){
 6        var tbodyElement=document.getElementById("tbody1");
 7        var trElement=document.createElement("tr");
 8        var idTDElement=document.createElement("td");
 9        
10        idTDElement.innerHTML=1;
11        var nameTDElement=document.createElement("td");
12        
13        var inputElement=document.createElement("input");
14        nameTDElement.appendChild(inputElement);
15        inputElement.type="button";  
16        //在IE中,这句话将会抛出异常,但在firefox能正常运行,如果type为text或者不设置type属性,也都能正常运行
17        inputElement.value="Invoke";
18        /**//*
19        修改成下面的语句就能正常运行:
20        var inputElement=document.createElement("input");
21        inputElement.type="button";
22        nameTDElement.appendChild(inputElement);
23        */

24        
25        tbodyElement.appendChild(trElement);
26        trElement.appendChild(idTDElement);
27        trElement.appendChild(nameTDElement);
28    }

29    
</script>
30    </head>
31    <body>
32        <input type="button" value="insert" onclick='test()'>
33        <table cellpadding="0" cellspacing="0" border="1">
34            <tbody id='tbody1'>
35                <tr>
36                    <td width="50">ID</td>
37                    <td width="200">name</td>
38                </tr>
39            </tbody>
40        </table>
41    </body>
42  </html> 
 
2.appendChild一个radio对象,设置该对象的name属性
 1  var nameTDElement=document.createElement("td");  
 2  var radioElement=document.createElement("input");
 3  radioElement.type="radio";
 4  nameTDElement.appendChild(inputElement);
 5  radioElement.name="testRadioName";  //这句话在firefox是起作用的,但在IE下是不起作用的
 6  /**//*解决的办法是
 7  var radioElement=document.createElement("<input name='testRadioName'>");
 8  radioElement.type="radio";
 9  nameTDElement.appendChild(inputElement);
10  */

3.对select控件增加和删除Option
 1  <html>
 2    <head>
 3    <title>test</title>
 4    <script language="javascript">
 5    function deleteRow(){
 6        var selectElement=document.getElementById("select1");
 7        selectElement.options.remove(1);  //IE:OK        Firefox:Failure
 8        selectElement.remove(1);          //IE:OK        Firefox:OK
 9    }

10    function insertRow(){
11        var selectElement=document.getElementById("select1");
12        var option=new Option("eeee",5);        
13        selectElement.add(option);        //IE:OK        Firefox:Failure
14        selectElement.options.add(option);//IE:OK        Firefox:OK
15    }

16    
</script>
17    </head>
18    <body>
19    <input type="button" value="Delete" onclick='deleteRow()'>
20    <input type="button" value="Insert" onclick='insertRow()'>
21    <select id="select1">
22        <option  value="1">aaa</option>
23        <option  value="2">bbb</option>
24        <option  value="3">ccc</option>
25        <option  value="4">ddd</option>
26    </select>
27    </body>
28  </html>    

   
posted @ 2007-04-11 16:33 swingboat 阅读(2321) | 评论 (6) | 编辑 收藏
 
利用div进行页面的布局2(position属性)

一、请看下面的HTML代码

 1<HTML>
 2<HEAD>
 3<TITLE>Position </TITLE>
 4</HEAD>
 5<BODY>
 6<table border=1>
 7    <tr>
 8        <td >
 9            <textarea id="textareaInput" style="font-family: Tahoma; font-size: 11px;" cols="35" rows="3"/></textarea>
10        </td>
11        <td width='300' align='right' >
12            <DIV id=senddiv  style="WIDTH: 70px; HEIGHT: 41px;">
13                <IMG id=btnSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px" src="windows_button_bg.gif">
14                <div id=divSendOut style="WIDTH: 70px; POSITION: absolute; HEIGHT: 41px;line-height:41px" align='center' >Send</div>
15            </DIV>
16        </td>
17    </tr>
18</table>
19</div>
20</BODY>
21</HTML>

二、运行的结果

 三、问题
     为什么img(id为btnSendOut)和文字div(id为divSendOut)出现在table外了呢?
四、原因
    img和文字div都用的绝对(position:absolute)位置,但都没有设置left和top属性,这样会根据当前的HTML位置来确定left和top属性。上级容器是个div(id为senddiv)中,此div延续上级td的align属性,这样当前位置应在div的右边。于是img和文字div从div(id为senddiv)的右边开始显示,由于都是绝对的,脱离HTML的显示,所以都会超出table外。
五、解决方案
      找到了原因,解决起来就容易了。我们只需要把div(id为senddiv)的align属性设置为left就可以了。因为img,div(id为divSendOut),div(id为senddiv)的大小都是一样的。

六、另外的问题(层的居中问题)
      对于把字符串"Send"居中在div(id为divSendOut)中间,我们可以设置div的line-height属性(注意该属性的单位)和height属性一样就可以了。但是如果需要居中的不是文字,而且其它的对象,例如另一个div,则就需要利用脚本来控制了。
posted @ 2007-04-11 15:23 swingboat 阅读(1393) | 评论 (0) | 编辑 收藏
 
利用div进行页面的布局1(float&clear属性)

请看下面的代码:

 1 < html >
 2 < head >
 3 < script  language ="javascript" >
 4 </ script >
 5 < style  type ="text/css" >
 6 </ style >
 7 </ head >
 8 < body >
 9 < div  style ="position:absolute;top:100px;left:100px;width:300;height:300;background-color:#99FF00" >
10      < div  style ="float:left;width:100;height:100;background-color:red" ></ div >
11      < div  style ="clear:right;height:100;background-color:blue;" ></ div >
12 </ div >
13 </ body >
14 </ html >

 
float : none | left |right
 
参数:
 
none :  对象不浮动
left :  对象浮在左边
right :  对象浮在右边
 
说明:
该属性的值指出了对象是否及如何浮动。
当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。
对应的脚本特性为styleFloat。

clear : none | left |right | both
 
参数:
 
none :  允许两边都可以有浮动对象
both :  不允许有浮动对象
left :  不允许左边有浮动对象
right :  不允许右边有浮动对象
 
说明:
 
该属性的值指出了不允许有浮动对象的边。
对应的脚本特性为clear。
posted @ 2007-03-25 16:22 swingboat 阅读(781) | 评论 (0) | 编辑 收藏
 
 
<2007年3月>
日一二三四五六
25262728123
45678910
11121314151617
18192021222324
25262728293031
1234567

 公告


 导航

  • BlogJava
  • 首页
  • 发新随笔
  • 发新文章
  • 联系
  • 聚合
  • 管理

 统计

  • 随笔: 51
  • 文章: 1
  • 评论: 50
  • 引用: 0

常用链接

  • 我的随笔
  • 我的评论
  • 我的参与
  • 最新评论

留言簿(4)

  • 给我留言
  • 查看公开留言
  • 查看私人留言

随笔分类

  • JAVA(21) (rss)
  • javascript&DHTML&CSS(15) (rss)
  • Oracle/MySQL(6) (rss)
  • SOA(1) (rss)
  • WEB2.0(4) (rss)
  • WorkFlow&BPEL(1) (rss)
  • 名词概念(1) (rss)
  • 架构模式 (rss)
  • 汽车&甲壳虫 (rss)
  • 设计模式(3) (rss)
  • 软件工程(1) (rss)

随笔档案

  • 2007年9月 (1)
  • 2007年8月 (3)
  • 2007年7月 (1)
  • 2007年5月 (2)
  • 2007年4月 (4)
  • 2007年3月 (1)
  • 2007年2月 (1)
  • 2006年12月 (1)
  • 2006年11月 (2)
  • 2006年10月 (1)
  • 2006年8月 (1)
  • 2006年4月 (1)
  • 2006年3月 (2)
  • 2006年2月 (4)
  • 2005年12月 (26)

文章档案

  • 2006年1月 (1)

IT

  • Delver 's Study BLOG
  • 竹笋炒肉

搜索

  •  

积分与排名

  • 积分 - 133131
  • 排名 - 466

最新随笔

  • 1. IE对select的处理,又一怪现象:innerHTML竟然不起作用。
  • 2. 在IE下,页面只有一个text的时候,回车将自动submit。
  • 3. 设置input的内容居中?
  • 4. 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?
  • 5. 利用JGroups同步两台server之间的cache。
  • 6. 有关“+”和“_”的search。
  • 7. synchronized的作用
  • 8. HTML的特殊字符
  • 9. 不同时区之间,时间的转换?
  • 10. javascript在IE和Firefox中的区别1

最新评论

  • 1. re: javascript转换日期字符串为Date对象
  • 大牛
  • --sfafa
  • 2. re: synchronized的作用[未登录]
  • 把100换成1000就好了!
  • --xyz
  • 3. re: synchronized的作用
  • 晦涩难懂!
  • --无知者
  • 4. re: synchronized的作用
  • 好
  • --白河夜歌
  • 5. re: 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?
  • 评论内容较长,点击标题查看
  • --老梁

阅读排行榜

  • 1. javascript转换日期字符串为Date对象(47715)
  • 2. synchronized的作用(16408)
  • 3. 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?(11093)
  • 4. 不同时区之间,时间的转换?(7454)
  • 5. 利用JGroups同步两台server之间的cache。(6606)

评论排行榜

  • 1. synchronized的作用(18)
  • 2. 可恶的“本页不但包含安全的内容,也包含不安全的内容。是否显示不安全的内容”对话框?(7)
  • 3. javascript在IE和Firefox中的区别1(6)
  • 4. javascript转换日期字符串为Date对象(4)
  • 5. 在IE下,页面只有一个text的时候,回车将自动submit。(3)

Powered by: 博客园
模板提供:沪江博客
Copyright ©2025 swingboat