不因成就而狂妄、不因失落而气馁、不因欲望而沉重、不因嫉妒而困扰
Ruby, Groovy，Flex
|
1 |
<fieldset style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FILTER: glow(color=#FFAA00,strength=3); PADDING-BOTTOM: 5px; PADDING-TOP: 5px; LETTER-SPACING: -3px"><font style="FONT: bold 53px/58px &quot;宋体&quot;; COLOR: #ff0253"><nobr>清风细雨阁<br />www.700net.com</nobr></font></fieldset> |
在分类总多的设计中，汽车设计就好比一个东西有一个“皇家”的头衔一样。它并不像其他设计一样，立刻将“设计”传达出 […]
主要是IE 注释BUG 去掉<!–xxxx–>相关注释 错误产生的原因和浮 […]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre { display: block } li { display: list-item } head { display: none } table { display: table } tr { display: table-row } thead { display: table-header-group } tbody { display: table-row-group } tfoot { display: table-footer-group } col { display: table-column } colgroup { display: table-column-group } td, th { display: table-cell; } caption { display: table-caption } th { font-weight: bolder; text-align: center } caption { text-align: center } body { margin: 8px; line-height: 1.12 } h1 { font-size: 2em; margin: .67em 0 } h2 { font-size: 1.5em; margin: .75em 0 } h3 { font-size: 1.17em; margin: .83em 0 } h4, p, blockquote, ul, fieldset, form, ol, dl, dir, menu { margin: 1.12em 0 } h5 { font-size: .83em; margin: 1.5em 0 } h6 { font-size: .75em; margin: 1.67em 0 } h1, h2, h3, h4, h5, h6, b, strong { font-weight: bolder } blockquote { margin-left: 40px; margin-right: 40px } i, cite, em, var, address { font-style: italic } pre, tt, code, kbd, samp { font-family: monospace } pre { white-space: pre } button, textarea, input, object, select { display:inline-block; } big { font-size: 1.17em } small, sub, sup { font-size: .83em } sub { vertical-align: sub } sup { vertical-align: super } table { border-spacing: 2px; } thead, tbody, tfoot { vertical-align: middle } td, th { vertical-align: inherit } s, strike, del { text-decoration: line-through } hr { border: 1px inset } ol, ul, dir, menu, dd { margin-left: 40px } ol { list-style-type: decimal } ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 } u, ins { text-decoration: underline } br:before { content: "A" } :before, :after { white-space: pre-line } center { text-align: center } abbr, acronym { font-variant: small-caps; letter-spacing: 0.1em } :link, :visited { text-decoration: underline } :focus { outline: thin dotted invert } /* Begin bidirectionality settings (do not change) */ BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override } BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override } *[DIR="ltr"] { direction: ltr; unicode-bidi: embed } *[DIR="rtl"] { direction: rtl; unicode-bidi: embed } @media print { h1 { page-break-before: always } h1, h2, h3, h4, h5, h6 { page-break-after: avoid } ul, ol, dl { page-break-before: avoid } } |
使用XHTML＋CSS构架好处不少，但也确实存在一些问题，不论是因为使用不熟练还是思路不清晰，我就先把一些我遇 […]
这里介绍的是另一种可以让搜索引擎读取图片文字的做法，是通过CSS完成的。 在你的HTML文件里: 以下是引用片 […]
* mozilla.org Base Styles * maintained by fantasai * (c […]
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！ 对 […]
如何避免表格因为图片尺寸或者过长的英文字符而变形撑开，在CSS加入以下代码就可以防止，同时英文单词也会按单词断 […]
这段时间写了很多页面代码，除了一些知识重复以外，也学到css的一些新东西，或许是旧东西，但是还是希望能对大家有 […]
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
<title>点击复制标题和地址的代码</title> <input type='button' name='Submit' onClick="copyToClipBoard()" value='复制专题地址，传给QQ/MSN上的好友'> <script language='javascript'> function copyToClipBoard(){ var clipBoardContent=''; clipBoardContent+=document.title; clipBoardContent+=''; clipBoardContent+=this.location.href; window.clipboardData.setData('Text',clipBoardContent); alert('复制成功，请粘贴到你的QQ/MSN上推荐给你的好友'); } </script> <script language='JavaScript'> function copyUrl(url){ var content=""; window.clipboardData.setData('Text',url); alert('本帖标题和地址已复制到剪贴版，你可按CTRL+V在任何软件如:QQ、MSN中进行粘贴发送给好友。');} </script> <a title='点击复制本帖标题和地址到剪贴版,直接在MSN/QQ上粘贴即可' href='javascript:copyUrl("<a href=http://www.fightfly.com target=_blank>http://www.fightfly.com</a>")'>点击复制本贴Url地址...</a> |
微软已经在进行一个版本Visual Stuido 的研发，其中一个重要的研究方向就是通过Ajax风格的编程在浏 […]
1、如果需要创建cab文件，首先需要Cabarc或者Makecab，它们随着Cabinet SDK的安装就有了 […]
页面加载效果一：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 |
<script type="text/javascript">// <![CDATA[ /******************************************************** * ProgressBar class * @author null * @param width - width of progress bar * @param height - height of progress bar * @param fgColor - fgColor of progress bar * @param bgColor - bgColor of progress bar * @param borderColor - borderColor of progress bar the rule is the same border-color of CSS /********************************************************/ function ProgressBar(width,height,fgColor,bgColor,borderColor){ if(borderColor==undefined){ bgColor = "threedlightshadow"; fgColor = "highlight"; borderColor = "buttonshadow window window buttonshadow"; } else if(borderColor==undefined&&fgColor==undefined&&bgColor==undefined){ bgColor = "threedlightshadow"; fgColor = "highlight"; borderColor = "buttonshadow window window buttonshadow"; } percent = 0.0; //initialize to zero fontSize = Math.ceil(height/2)+1; font_bt = "<table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+bgColor+";text-align:center;vertical-align:center;'> <tr> <td>"+parseInt(percent*100)+" %</td> </tr> </table>"; font_ft = " <table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+fgColor+";text-align:center;vertical-align:center;'> <tr> <td>"+parseInt(percent*100)+" %</td> </tr> </table>"; squares = ""; for(var i=0;;i++){ var left = width-2-i*(height/2+1); //alert(left); if(left>=height/2+1){ squares += "<span style='background-color:"+fgColor+";width:"+height/2+"px;height:"+(height-2)+";margin-right:1px;'></span>"; } else if(left>=1){ squares += "<span style='background-color:"+fgColor+";width:"+left+"px;height:"+(height-2)+";margin:0px;'></span>"; } else break; } //position:absolute; str = "<span id=progress_bg style='width:"+width+"px;height:"+height+"px;background-color:"+bgColor+";border:1px solid;border-color:"+borderColor+"'>"; //"+fgColor+" #transparent str += " <span id=progress_fg style='position:absolute;width:100%;height:100%;clip:rect(0,"+parseInt(percent*100)+"%,100%,0);background-color:"+fgColor+";font-size:0px;line-height:0px;'>"; str += squares; str += " </span>"; str += " <span id=progress_bt style='position:absolute;z-index:8;width:100%;height:100%;background-color:#transparent;clip:rect(0,"+parseInt(percent*100)+"%,100%,0);text-align:center;'>"; str += font_bt; str += " </span>"; str += " <span id=progress_ft style='position:absolute;z-index:9;width:100%;height:100%;background-color:#transparent;clip:rect(0,100%,100%,"+parseInt(percent*100)+"%);text-align:center;'>"; str += font_ft; str += " </span>"; str += "</span>"; document.write(str); function update(){ font_bt = " <table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+bgColor+";text-align:center;vertical-align:center;'> <tr> <td>"+parseInt(percent*100)+" %</td> </tr> </table>"; font_ft = " <table width=100% height=100% cellpadding=0 cellspacing=0 style='font:bold "+fontSize+"px Arial;color:"+fgColor+";text-align:center;vertical-align:center;'> <tr> <td>"+parseInt(percent*100)+" %</td> </tr> </table>"; document.getElementById("progress_fg").style.clip='rect(0,'+parseInt(percent*100)+'%,100%,0)'; document.getElementById("progress_bt").style.clip='rect(0,'+parseInt(percent*100)+'%,100%,0)'; document.getElementById("progress_ft").style.clip='rect(0,100%,100%,'+parseInt(percent*100)+'%)'; document.getElementById("progress_bt").innerHTML=font_bt; document.getElementById("progress_ft").innerHTML=font_ft; } this.setModel=function(model){ percent = model; update(); } } /////////// Test for ProgressBar //////////// pb = new ProgressBar(153,18);//,"navy","#FFE4C4","#ff9900"); //document.write("Hello,ProgressBar"); //pb.setModel(50/100); function progress(v){ if (v >= 100){ pb.setModel(1.00); alert("Finished"); } else{ pb.setModel(v/100); window.setTimeout("progress("+(v+1)+")",Math.random()*Math.random()*500); } } progress(0); ///////////////// End Test /////////////////// // ]]></script> |
页面加载效果二 [cray […]
CSS实现的中英文双语导航菜单
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
<div id=""top""> <ul> <ul> <li><a class=""bi"" href=""index.html"">Home<span>首 页</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""about.html"">About us<span>关于我们</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""products.html"">Products<span>产品展示</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""services.html"">Services<span>售后服务</span></a></li> </ul> </ul> <ul> <ul> <li><a class=""bi"" href=""contact.html"">Contact<span>联系我们</span></a></li> </ul> </ul> </div> |
小方框中浏览 […]
推荐下. 中国 pages.think ————— […]
说明:Canadian Thanksgiving 感恩节（加拿大） 背景:加拿大感恩节的庆祝活动是在十月的第二 […]
说明:Mid-Autumn Festival 中秋节 背景:根据史籍的记载，“中秋”一词最早出现在《周礼》中。 […]
说明:Thanksgiving (Korea) 感恩节（韩国） 背景:韩国中秋和中国也大不一样。 韩国人把这天 […]
说明:Reunification 德国统一日 背景:每年10月3日是德国统一日。1990年10月3日东西德合并 […]
说明:China National Day 国庆57周年 国庆节的由来 10 月1日是我国的国庆节，为什么把这 […]
说明:Festival Of Human Towers 叠罗汉节（西班牙） 背景:Castellers即人塔， […]
说明:Confucius 2557th Birthday 纪念孔子诞辰2557周年 中庸： 不偏不倚，不卑不亢 […]
说明:Google 8th Anniversary 谷歌8周岁
一、内容 1、让读者有理由逗留。要把网页作得趣味盎然，引人入胜。但首要的是要让它有用处。这样做的一个很 […]
开始在上面输入您的搜索词，然后按回车进行搜索。按ESC取消。