IT Share 4 U

tag:blogger.com,1999:blog-18402713050549053142011-07-07T20:01:55.384-07:00IT Share 4 UArcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.comBlogger321100tag:blogger.com,1999:blog-1840271305054905314.post-34268815829309898342009-12-22T07:17:00.000-08:002009-12-22T07:17:01.061-08:00HTML教程——object和embed<font color=white>这次来说说object和embed。<br />object是用来在网页中嵌入图片、声音、影片、Java Applet、ActiveX、PDF、Flash Movie等等。<br />看看以下例子：<br /><font color=orange face="Courier New"><object width="500" height="400"><br /> <embed src="http://h1.ripway.com/weewaawaa/UCPROrotator1.swf"></embed><br /></object></font><br />这是用来在网页中嵌入Flash movie，阔度是500pixel，高度是400pixel。<br /><br />再看一个：<br /><font color=orange face="Courier New"><object><br /> <embed autostart="true" hidden="false" loop="9999" src="http://h1.ripway.com/weewaawaa/ainishizaitailei.wma"></embed><br /></object></font><br />以上的代码是用来在网页中嵌入用Windows Media Player播放的音乐，音乐将自动开始，播放器可见，并重复9999次。<br /><br /><b>object所支援的attribute：</b><br />align——设定object的排列位置，支援的value为：top, bottom, left, right.<br /><br />classid——设定Windows注册表或URL所设定之Class ID数值。<br /><br />codebase——设定让object搜寻执行编码的URL。通常用在Java Applets。<br /><br />name——设定object的名称，用在script的执行。<br /><br /><b>embed所支援的attribute：</b><br />src——设定embed的音乐或影片档案URL。<br /><br />hidden——设定该object为是否可见，接受true或false。<br /><br />volumn——设定声音的大小（0-100），原设为50。<br /><br />loop——设定播发的重复或次数。接受true、false或整数。<br /><br />playcount——设定播放次数。<br /><br />autostart——设定自动播放，接受true、或false。<br /><br /><b>object和embed共同支援的attribute：</b><br />height——设定object的高度，接受px为数值。<br /><br />width——设定object的宽度，接受px为数值。<br /><br />id——设定独特的id让JavaScript辨别。<br /><br />class——设定class的名称，通常用在CSS。<br /><br /><b>object和embed共同支援的event：</b><br />onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-3426881582930989834?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com1tag:blogger.com,1999:blog-1840271305054905314.post-53453624476582543792009-12-17T05:13:00.000-08:002009-12-17T05:23:08.448-08:00什么是Small Basic？<font color=white>恭喜Small Basic已经诞生一年了！<br />什么是Small Basic呢？<br />Small Basic是一种根据BASIC的编成语言仿设的超简单电脑编程语言，许多keyword和syntax和Visual Basic大同小异。<br />Small Basic依赖Microsoft .NET Framework来操作。<br />Small Basic也支援各种语言的版本，如：Chinese, French, German, Italian, Korean, Russian, Spanish,和Turkish。<br /><br />Small Basic可以用来编写Console或是生成Graphics的程序。<br />Small Basic绝对是一个让想学习programming的朋友最好的工具。<br /><br />以下为Small Basic的IDE截图：<br /><img src="http://cforum.ucpro.my/attachments/month_0912/091217210188eb9baf6510c8ec.jpg"/><br /><br />以下为运行中的程序：<br /><img src="http://cforum.ucpro.my/attachments/month_0912/09121721013a343fbbff155f7f.jpg"/><br /><br />看了是不是很想学呢？<br />你可以到以下网址去下载免费的Small Basic（目前是v0.7）<br /><a href="http://msdn.microsoft.com/en-us/devlabs/cc950524.aspx">http://msdn.microsoft.com/en-us/devlabs/cc950524.aspx</a><br /><br />你也可以到以下网址下载Small Basic的简介和例子来参考<br /><a href="http://download.microsoft.com/download/9/0/6/90616372-C4BF-4628-BC82-BD709635220D/Introducing%20Small%20Basic.pdf">http://download.microsoft.com/download/9/0/6/90616372-C4BF-4628-BC82-BD709635220D/Introducing%20Small%20Basic.pdf</a><br /><br />该pdf简介涵盖了新手须知的知识，比如：<br />函数（variable）的用法和命名准则（Naming Convention）<br />If-Then-Else流程<br />For-Loop和While-Loop流程<br />Graphics Window（最好玩的部分）<br />1970年代流行的“Turtle Graphics”<br />Subroutine的使用<br />Array的用法<br />Event的用法<br />编写像paint的program<br /><br />还有很多很好玩很有趣的东西，慢慢地去探索吧！<br />也欢迎在这里讨论有关Small Basic的问题。</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-5345362447658254379?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com1tag:blogger.com,1999:blog-1840271305054905314.post-62672172430304422512009-12-09T04:41:00.000-08:002009-12-09T04:50:59.433-08:00HTML教程——frameset和frame<font color=white>怎样在一个网页中同时显示超过一个网页呢？<br/> 在那个用来显示多个frame的主要网页中使用frameset和frame（框架）就可以了。<br/><br/> 现在讨论frameset先。<br/> 来看看例子：（body tag被省略了）<br/> <textarea rows=7 cols=50 readonly><html> <frameset cols="25%,50%,25%"> <frame src="http://cforum.ucpro.my"/> <frame src="http://cforum.ucpro.my"/> <frame src="http://cforum.ucpro.my"/> </frameset> </html></textarea><br/> <img src="http://cforum.ucpro.my/attachments/month_0912/091208230563cba522bfd8f76b.jpg"/><br/> 注意：frame的tag是写在frameset tag里的<br/><br/> <b>frameset所支援的attribute：</b><br/> cols——设定frameset里column的数量和大小。<br/><br/> rows——设定frameset里row的数量和大小。<br/><br/> cols和rows所接受的数值为pixel, %, *.<br/> *就是在设定pixel或%后荧幕所剩余的空间。<br/><br/> <b>frameset所支援的event handler：</b><br/> onload, onunload.<br/><hr/> 现在来讨论frame。<br/> <b>frame所支援的attribute：</b><br/> src——设定frame所显示的网页的网址，接受URL。<br/><br/> marginheight——设定frame的上下预留的空间，接受数值为px。<br/><br/> marginwidth——设定frame左右预留的空间，接受数值为px。<br/><br/> name——设定frame的名称。<br/><br/> scrolling——设定frame的滚动，接受数值为yes, no, auto.<br/><br/> <b>frame不支援任何event handler。</b><br/><hr/> <b>frameset和frame共同支援的attribute：</b><br/> id——设定独特的id让JavaScript辨别。<br/><br/> class——设定class的名称，通常用在CSS。<br/><br/> style——设定inline CSS。<br/><br/> <b>来写复杂一点的“框中框”</b><br/> 看看例子：<br/> <textarea rows=9 cols=60 readonly><html> <frameset rows="50%,50%"> <frame src="http://cforum.ucpro.my" /> <frameset cols="30%,*"> <frame src="http://cforum.ucpro.my" /> <frame src="http://cforum.ucpro.my" /> </frameset> </frameset> </html></textarea><br/> <img src="http://cforum.ucpro.my/attachments/month_0912/091208230522e6e3004d6720cf.jpg"/><br/><br/><hr/> <b>怎样在一个frame点击link后在另一个frame看到link的内容？</b><br/> 这个会复杂一点，首先你将以下的html储存为navigator.html<br/> <textarea rows=3 cols=80 readonly><a href ="http://cforum.ucpro.my" target ="showframe">cforum</a><br> <a href ="http://forum.ucpro.my" target ="showframe">eforum</a><br> <a href ="http://google.com" target ="showframe">google</a></textarea><br/><br/> 然后在同一个folder里将以下html储存为另一个html file。<br/> <textarea rows=6 cols=60 readonly><html> <frameset cols="20%,*"> <frame src="navigator.html" /> <frame src="http://cforum.ucpro.my" name="showframe"/> </frameset> </html></textarea><br/><br/> 之后你打开第二个网页点击左边的link来看看。</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6267217243030442251?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-63211586495224709202009-12-06T04:08:00.000-08:002009-12-06T04:11:10.331-08:00HTML教程——map和area<font color=white>这次来谈谈HTML的map和area。<br/>这是用来把网页上的图片分割成几个可以被点击打开链接的部分。<br/>例子：<br/><textarea rows=8 cols=100 readonly style="font-size: 10.5px"><img src="http://www.janwillemtulp.com/wp-content/uploads/2009/07/pie_chart_2d.png" width="300" height="300" alt="Planets" usemap="#pic"/><map name="pic"> <area shape="circle" coords="75,75,50" href="http://cforum.ucpro.my/" alt="Blue"/> <area shape="circle" coords="185,75,50" href="http://cforum.ucpro.my/" alt="Green"/> <area shape="rect" coords="20,160,150,280" href="http://cforum.ucpro.my/" alt="Red"/> <area shape="rect" coords="150,150,260,260" href="http://cforum.ucpro.my/" alt="Yellow"/></map></textarea><br/><img src="http://cforum.ucpro.my/attachments/month_0912/09120619587026a790beb86183.jpg"><br/>要使用map，必须先加入img，并为其usemap attribute设定参考map的名称（名称前加上#）<br/><br/><b>map所支援的attribute：</b><br/>name——设定map的名称。<br/><br/>area是用来将图片分割成数个面积的element。<br/><br/><b>area所支援的attribute：</b><br/>alt——设定当滑鼠在图片部分上时应显示的说明文字。<br/><br/>shape——设定area的形状。接受数值为：default, rect, circle, poly.<br/><br/>coords——设定area的准确位置。<br/>如果shape是rect，那么接受数值为：x1,y1,x2,y2（x1,y1为左上角位置，x2,y2为右下角位置）<br/>如果shape是circle，那么接受数值为：x,y,radius（x,y为中心点位置，radius为半径大小）<br/>如果shape是poly，那么接受数值为：x1,y1,x2,y2,..,xn,yn（设定每个角点的位置）<br/><br/><b>map和area共同支援的attribute：</b><br/>id——设定独特的id让JavaScript辨别。<br/><br/>class——设定class的名称，通常用在CSS。<br/><br/><b>map和area共同支援的event handler：</b><br/>onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6321158649522470920?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-4614914443747476322009-12-03T06:09:00.000-08:002009-12-03T06:14:21.298-08:00HTML教程<form><font color=white><form>这次来谈谈form的用处。<br/>form可以用来让用户填写资料，然后submit到server去被process。<br/>来看看一个form的例子：<br/><textarea rows=8 cols=100 readonly style="font-size: 11px"><form name="form1" method="post" action="URL">Name:<input type="text" length="20"/><br/>Email:<input type="text" length="30"/><br/>Gender:<input type="radio" name="group1"/>Male<input type="radio" name="group1"/>Female<br/>Favourite:<br/><input type="checkbox">eforum</input><br/><input type="checkbox">cforum</input><br/><input type="submit" value="Send"></form></textarea><br/><img src="http://cforum.ucpro.my/attachments/month_0912/091203215606502a30c5d98631.jpg"/><br/><br/>form里头通常会有textbox，checkbox，radio button，textarea，submit button等等。<br/>这里将个别简单讨论。<br/><br/><b><form>所支援的attribute：</b><br/>action——设定form被submit的目标URL。<br/>method——设定form被submit时所用的方式，可以是get或post。（post比较保安）<br/>name——设定form的名字，以方便form内的数据被参考。<br/><br/>一个真正能用的form，必须具备以上三个attribute。<br/><br/>id——设定独特的id让JavaScript辨别。<br/>class——设定class的名称，通常用在CSS。<br/>style——设定element里的inline style，用于CSS。<br/><br/><b><input>的使用</b><br/>要在form里加入textbox，可以这样写：<br/><font color=orange face="Courier New"><input type="text" name="firstname" value="type here"/></font><br/>你可以加入value attribute来设定textbox里的字串。<br/><br/>要在form里加入radio button，可以这样写：<br/><font color=orange face="Courier New"><input type="radio" name="gender" value="male"/>Male</font><br/>name可用来把radio button group起来。<br/><br/>要在form里加入checkbox，可以这样写：<br/><font color=orange face="Courier New"><input type="checkbox" name="vehicle" value="Car"/></font><br/>name可用来把checkbox group起来。<br/><br/>form里一定要有submit的button，这样写：<br/><font color=orange face="Courier New"><input type="submit" value="Send"/></font><br/><br/>**<br/>form也可以加入让用户键入文字的textarea，这样写：<br/><font color=orange face="Courier New"><textarea name="text1" rows="5" cols="50">type text here</textarea></font><br/>你可以加入readonly来设定textarea只供读取而已。</form></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-461491444374747632?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-33314676839844672702009-11-30T16:34:00.000-08:002009-11-30T16:35:58.089-08:00不用tab就单页开4个google？<font color=white>看看吧！<br />这是给懒惰的人用的。。。哈哈！<br /><img width=600 height=400 src="http://www.lcorner.com/bbs/attachments/month_0911/20091130_f533d78a1ee0d95828e9WozaOSJfJgSC.jpg"/><br /><br />其实也没有什么的<br />只是运用了frame的技巧<br />我想他们要弄个10个20个google的都没有问题<br />只是很小很难看罢了<br /><br /><a href="http://googlegooglegooglegoogle.com/">点击这里打开</a></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-3331467683984467270?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-82247529945748462152009-11-29T18:43:00.000-08:002009-11-29T18:45:22.623-08:00万年历查询HTML嵌入代码<font color=white>要在自己的网页加入像以下的万年历？<br /><img width=600 height=300 src="http://cforum.ucpro.my/attachments/month_0911/09113010362d36f96cc65305dd.jpg"/><br /><br />只要将以下的代码贴在HTML里头就可以了！<br /><font color=orange face="Courier New"><iframe src='http://qq.ip138.com/day/' frameBorder=0 width=900 height=500 scrolling="no"></iframe></font><br /><br /><font color=yellow>注：建议使用IE</font></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-8224752994574846215?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-76205043002753672022009-11-29T06:30:00.000-08:002009-11-29T06:34:53.387-08:00Password Manager Beta v1.0<font color=white>最近自己手痒写了一个简单的VB程序来分享一下。<br />在这个日新月异的时代，相信许多网络用户都会在很多不同的网站或是其它地方注册形形色色的户口（account），当中可能包括msn啦，facebook啦，twitter啦，游戏网站户口啦，等等等。<br />太多户口了是不是很难管理你的用户名字和密码？<br />对于那些习惯在每个网站都使用相同密码的朋友就不必说了。。。哈哈！他们属于高风险群。。。<br />这里我就写了一个可以帮助各位管理这些的VB小软件。<br />为了加强保安，在进入使用此软件时，用户必须输入正确的用户名与密码方可登录。<br />本人建议用户在使用此软件时请先登录为自己的用户户口（user account），以避免access denied的错误发生。<br /><br />软件一览：<br /><img width="690" src="http://cforum.ucpro.my/attachments/month_0911/0911292217138487543c87ff63.jpg"/><br /><br />额外功能：<br />1.你可以选择File菜单中的Export As Text File来export你所有的资料在你指定的地方。<br />2.利用左下方的Search功能来搜寻你的资料。<br />3.利用右下方的Login Details来更改你的登录资料。<br /><br />请点击以下链接下载<br /><a href="http://cforum.ucpro.my/attachment.php?aid=23963&k=58cd13cddde197b232c4bb920ac864c0&t=1259504714&sid=5aa4%2BPTNx%2FnouXnxZkv8%2BS4Wk%2BlL4j%2FQujO028BpjcAMSEI">PasswordManagerBeta1.0.zip (16.23 KB)</a><br /><br />这个软件尚处于测试版，如有问题请不吝给予本人意见以修改之。</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-7620504300275367202?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-18379382114090035082009-11-27T07:03:00.000-08:002009-11-27T07:03:37.690-08:00bat背景音乐播放程序<font color=white>每次听歌都要开player或是设定music playlist？<br />何必那么麻烦？click一次就可以把folder里的music听完！<br />而且这是背景播放的，是完全不会看到player的哦！<br /><br />这次是用batch file来生成一个vbs的playlist。<br />将以下的编码写在notepad，然后save as一个bat文件，之后把它放在储存你所有music的folder里，click一次即可！<br />编码如下：<br /><pre><font color=orange face="Courier New"><br />@echo off&color 0a&title 背景音乐播放程序<br />mode con cols=30 lines=15<br />echo ****************<br />echo 背景音乐播放程序 <br />echo ****************<br />echo 1.播放音乐 2.停止音乐<br />set /p smilediao=请输入选项:<br />if "%smilediao%"=="1" (goto hello) else (wmic process where name='wscript.exe' call terminate>nul&echo 谢谢使用。<br /><br />。&ping -n 2 127.1>nul&del /f /q x.vbs&exit)<br />:hello<br />echo 正在载入音乐文件...<br />echo set diao=createobject("wmplayer.ocx")>musiclist.vbs<br />for /r . %%a in (*.mp3 *.wma) do (<br />echo diao.url="%%a">>musiclist.vbs<br />echo wscript.sleep 1200>>musiclist.vbs<br />echo wscript.sleep diao.currentMedia.duration *1000>>musiclist.vbs<br />echo wscript.sleep 1000>>musiclist.vbs<br />)<br />start musiclist.vbs</font></pre><br /><font color=yellow>如果想要停止音乐播放，只要再次运行本程序，选择停止即可。</font></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-1837938211409003508?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-74263454892014126572009-11-27T05:39:00.000-08:002009-11-27T05:39:14.534-08:00只有64KB的3D作品<font color=white>太强了！只有64KB却可以制造出如此逼真的3D效果。<br /><a href="http://cforum.ucpro.my/attachment.php?aid=23635&k=b092e0eeb02530d5ac9b273a00499fd1&t=1259328876&sid=e787UxPbWnvuTvHHJVqgcrG8jKChOtFnFJBMR1mXr%2FgIgxQ">3d.zip</a><br /><a href="http://cforum.ucpro.my/attachment.php?aid=23636&k=1a8d47d112778dee5d4072f78e626549&t=1259328876&sid=e787UxPbWnvuTvHHJVqgcrG8jKChOtFnFJBMR1mXr%2FgIgxQ">kkino64.zip</a><br /><a href="http://cforum.ucpro.my/attachment.php?aid=23637&k=94b936575fbdbc144f866c24cd867126&t=1259328876&sid=e787UxPbWnvuTvHHJVqgcrG8jKChOtFnFJBMR1mXr%2FgIgxQ">prophecy《彗星撞地球》.zip</a></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-7426345489201412657?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-72430816751647548512009-11-25T05:31:00.000-08:002009-11-25T05:31:54.605-08:00VB整人小软件<font color=white>用Visual Basic制作一个可以让人崩溃的整人软件吧！<br />试试看就知道了。<br /><font color=green>注：这不是virus，也不会迫使你的电脑关机，大可放心一试。</font><br /><br />步骤：<br />1. 在Visual Basic create一个new project。<br />2. 在form上面放一个button。<br />3. double-click那个button，然后把以下编码paste在Private Sub Button1_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles Button1.Click和End Sub之间。<br />编码如下：<br /><pre><font color=orange face="Courier New"><br /> Me.Hide()<br /> Dim a(20) As String<br /> Dim answer As String<br /> a(1) = "恭喜你,你上当了"<br /> a(2) = "你点点试试"<br /> a(3) = "还不相信?@_@"<br /> a(4) = "哪你再试试--!"<br /> a(5) = "傻了吧!!!!"<br /> a(6) = "吃亏了吧!!!"<br /> a(7) = "哭了吧.上当了吧"<br /> a(8) = "你再点也没有用!!"<br /> a(9) = "你鼠标坏了没有<_>"<br /> a(10) = "要不你试试键盘吧&&*"<br /> a(11) = "你还真听话~~~"<br /> a(12) = "无语....."<br /> a(13) = "你自己玩吧.我先睡会.等没有了叫我"<br /> a(14) = "要不你给我唱首歌也行#######"<br /> a(15) = "难听的就不要来了************"<br /> a(16) = "还了不陪你玩了,看来你点是没有用的了"<br /> a(17) = "自己玩好吧"<br /> a(18) = "晕,你还在没有完呀"<br /> a(19) = "我又回来了,嘻嘻"<br /> a(20) = "再来一次吧"<br /> For i = 1 To 10 Step 0<br /> answer = MsgBox(a(1), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(2), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(3), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(4), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(5), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(6), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(7), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(8), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(9), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(10), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(11), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(12), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(13), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(14), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(15), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(16), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(17), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(18), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(19), vbOKOnly, "^_^,你上当了")<br /> If answer = vbOK Then answer = MsgBox(a(20), vbOKOnly, "^_^,你上当了")<br /> Next i</font></pre><br /><font color=red>注：如要结束该program，到task manager去end task即可。</font><br /><br />直接下载整人软件<br /><a href="http://cforum.ucpro.my/attachment.php?aid=23226&k=fbbca09a3e371c25b7a11484b6e91b69&t=1259155014&sid=4b7exrNljwmvUfpLepbOgBM41I3dR0kb5KLkMnhwpoUw6io">kidding.zip</a></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-7243081675164754851?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-64576795187003657782009-11-24T07:23:00.000-08:002009-11-24T07:23:23.243-08:00用JavaScript编辑别人的网页？<font color=white>在address bar输入下面的代码按enter，网页上所有元素都能变成可编辑（edit）状态，你可以移动、调整元素大小。<br />如果你只是讨厌某个网站想发泄一下，建议使用IE。<br />代码如下：<br /><font color=orange>javascript:document.body.contentEditable='true'; document.designMode='on'; void 0</font><br /><br />这是被我编辑了的google.com：<br /><img src="http://cforum.ucpro.my/attachments/month_0911/09112200236c6040aa8bd2a3cf.jpg"/><br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6457679518700365778?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-6225497884097491102009-11-22T20:13:00.000-08:002009-11-22T23:31:26.647-08:00Flash教程——制作简单Clicking Game<font color=white>这次在这里教大家用Flash来制作简单的clicking game。<br />以下为swf原档：<br /><embed src="http://h1.ripway.com/weewaawaa/UCPROClickingGame.swf" width=350 height=300></embed><br /><br />我们需要到一个用来click的movie clip，1个retry的button，两个dynamic text（一个用来显示剩余时间，一个用来显示一共click了多少次的counter）。<br /><br />步骤：<br />1.在Flash视窗空白处画些图案。<br /><br />2.拖曳鼠标以选择整个图案。<br /><br />3.选择成功后，在键盘上按Ctrl+G把图案group起来。<br /><br />4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。<br /><br />5.在弹出的Convert to Symbol新视窗的Name一栏内填入“btn”和Behavior一栏选择“Movie Clip”。<br /><br />6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“btn”。<br /><br />7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for Frame 1 of Layer Name Layer 1”，并将以下的程序编码(Action Script)贴在编码编辑处：<br /><pre><font color=orange>var ctr = 0;<br />var timer = 30;<br />var started = false;<br />function countDown() {<br /> if (_root.timer == 0) {<br /> _root.btn.enabled = false;<br /> _root.started = false;<br /> } else {<br /> if (_root.started == true) {<br /> _root.timer -= 1;<br /> }<br /> }<br />}<br />setInterval(countDown, 1000);</font></pre><br />8.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btn (btn)”，并将以下的程序编码(Action Script)贴在编码编辑处：<br /><pre><font color=orange>on (press) {<br /> _root.started = true;<br /> if (_root.btn.enabled=true) {<br /> _root.ctr += 1;<br /> //tellTarget ("_root.btn") {<br /> //gotoAndPlay(2);<br /> //}<br /> }<br />}</font></pre><br />9.制作另外一个button，名称为“btnRetry，点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btnRetry (btnRetry)”，并将以下的程序编码(Action Script)贴在编码编辑处：<br /><pre><font color=orange>on (release) {<br /> _root.started = false;<br /> _root.btn.enabled = true;<br /> _root.timer = 30;<br /> _root.ctr = 0;<br />}</font></pre><br />10.在Flash视窗空白处放上两个dynamic text，如图：<br /><img src="http://cforum.ucpro.my/attachments/month_0911/091123114512aecd750f05c2d4.jpg"><br /><br />11.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-622549788409749110?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-67807797783736126192009-11-22T10:12:00.001-08:002009-11-22T10:14:38.360-08:00Microsoft Word的文字玄机？<font color=white>打開Microsoft word在第一行打上:<br /><font color=orange>=rand(50,50)</font><br /><br />然后按enter後看看會有什麼結果？<br /><br />是不是会有很多行字出现呢？<br />其实这个是为了方便一些要在Word加入大量文字段落而又不想打字的人。<br />那些文字其实是sample text来的。<br /><br /><b>=rand()的syntax：</b><br />=rand(p,l) <br /><br />p 是段落数量, l 是每个段落你要加入文字的行数。<br /><br />例子：<br />=rand(1) 1段，3行。<br />=rand(10,10) 10段，每段10行。<br /><br />*Note: The parameters are optional. If you omit the parameters, the default number of paragraphs is three, and the default number of lines per paragraph is also three.</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6780779778373612619?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-81766254589643657782009-11-22T10:08:00.000-08:002009-11-22T10:10:12.048-08:00HTML教程——文字编辑必知常识<font color=white>这次在这里分享一些在编写网页文字时的一些常识。<br /><br />把文字标题化——<h1>...<h6>（heading）<br />例子：<br /><h1>This is heading 1.</h1><br /><h4>This is heading 1.</h4><br /><br />加入当滑鼠经过时会显示原文的缩写——<abbr>（abbreviation）<br />例子：<br />The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.<br /><br />把文字粗体化——<b>（bold）<br />例子：<br /><b>This sentence is in bold.</b><br /><br />把文字斜化——<i>（italic）<br />例子：<br /><i>This sentence is in italic.</i><br /><br />在文字下划横线——<u>（underline）<br />例子：<br /><u>This sentence is underlined.</u><br /><br />把文字稍微大/小化——<big>, <small><br />例子：<br /><big>The size is slightly bigger.</big><br /><small>The size is slightly smaller</small><br /><br />把文字变成像是打字机的字体——<tt>（teletype）<br />例子：<br /><tt>This sentence is in teletype.</tt><br /><br />把文字的显示方向倒转——<bdo>（bidirectional override）<br />例子：<br /><bdo dir="ltr">I love UCPRO!</bdo><br /><bdo dir="rtl">I love UCPRO!</bdo><br /><br />注：dir（direction）attribute的数值可以为ltr（left-to-right）或rtl（right-to-left）<br /><br />让文字在新的一行开始——<br/>（break）<br />例子：<br />This is line 1.<br/><br />This is line 2.<br /><br />把文字分段——<p>（paragraph）<br />例子：<br /><p>This is paragraph 1.<p/><br /><p>This is paragraph 2.<p/><br /><br />把文字显示为被引用的段落——<blockquote><br />browser在文字的前和后加入一些空间。<br />例子：<br /><blockquote>I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO. I love UCPRO.</blockquote><br /><br />把文字或其它element显示在网页横中间——<center><br /><center>This sentence is located at the center of the page.</center><br /><br />把原本的文字删掉然后写上新的文字的效果——<del>, <ins>——（delete，insert）<br />例子：<br />Original price is <del>RM 1,000</del> <ins>RM 500</ins>!<br /><br />注：你也可以使用<strike>来代替<del>的效果。<br /><br />在网页中加入横尺——<hr>（horizontal rule）<br />例子：<br />Before the rule.<hr/>After the rule.<br /><br />注：你可以用align设定尺的呈现方向，size设定尺的高度，width设定尺的宽度。<br /><br />保留文字原有的空格，段落和空行——<pre>（preformatted text）<br />例子：<br /><pre><br />Text in a pre element<br />is displayed in a fixed-width<br />font, and it preserves<br />both spaces and<br />line breaks<br /></pre><br /><br />编写数学方程式时必用——<sub>, <sup>（subscript，superscript）<br />例子：<br />NaOH + HCl -> NaCl + H<sub>2</sub>O<br />a<sup>2</sup> = b<sup>2</sup> + c<sup>2</sup><br />NaOH + HCl -> NaCl + H<sub>2</sub>O<br />a<sup>2</sup> = b<sup>2</sup> + c<sup>2</sup><br /><br />在文字前后加入开引号——<q>（quotation）<br />例子：<br />weewaawaa: <q>I love UCPRO!</q><br /><br />其它的不太重要，不过可以慢慢研究：<br /><em> Renders as emphasized text<br /><strong> Renders as strong emphasized text<br /><dfn> Defines a definition term<br /><code> Defines computer code text<br /><samp> Defines sample computer code<br /><kbd> Defines keyboard text<br /><var> Defines a variable part of a text<br /><cite> Defines a citation</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-8176625458964365778?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-53826006853856902782009-11-20T07:34:00.000-08:002009-11-20T07:35:25.149-08:00HTML教程<font><font color=white>font主要是用来设定网页上的字体颜色、大小和风格。<br />用法相当简单，鼓励用于CSS来有效控制字体。<br /><br /><b><font>所支援的attribute：</b><br />color——设定字体的显示颜色，接受RGB数值或颜色名称。<br />例子：<br /><font color="red">This is a word.</font><br /><br />face——设定字体的风格，接受字体风格名称。<br />例子1：<br /><font face="Times New Roman">This is a word.</font><br /><br />例子2：<br /><font face="Cooper Black">This is a word.</font><br /><br />size——设定字体的大小，接受数字。<br />例子：<br /><font size="10">This is a word.</font><br /><br />id——设定独特的id让JavaScript辨别。<br /><br />class——设定class的名称，通常用在CSS。<br /><br />style——设定element里的inline style，用于CSS。<br /><br /><b>*<font>并不支援任何event handler</b></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-5382600685385690278?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-91834994501700613562009-11-18T18:57:00.000-08:002009-11-18T19:02:07.272-08:00HTML教程——List<font color=white><form>List就是系列的字串。<br/>list可以被用来在HTML里加入有/无数字排序并以point-form来呈现的文字。<br/>HTML支援ordered list、unordered list和definition list.<br/>如欲在ordered list和unordered list里加入list item，那么加入<li>和</li>是必要的。<br/><br/><u><b>ordered list</b></u><br/>ordered list就是有排序的list，可以数字、英文字母或是罗马数字来排序。<br/><b><ol>所支援的attribute：</b><br/>start——设定list的起点，接受数字。<br/>例子：<br/><textarea rows="5" cols="30" readonly><ol start="2"><li>item 1</li><li>item 2</li><li>item 3</li></ol></textarea><br/><ol start="2"><li>item 1</li><li>item 2</li><li>item 3</li></ol><br/><br/>type——设定list的point-form格式，原设为数字，接受数值为：1，A，a，I，i。<br/>例子1：<br/><textarea rows="5" cols="30" readonly><ol type="I"><li>item 1</li><li>item 2</li><li>item 3</li></ol></textarea><br/><ol type="I"><li>item 1</li><li>item 2</li><li>item 3</li></ol><br/><br/>例子2：<br/><textarea rows="5" cols="30" readonly><ol type="a"><li>item 1</li><li>item 2</li><li>item 3</li></ol></textarea><br/><ol type="a"><li>item 1</li><li>item 2</li><li>item 3</li></ol><br/><br/><u><b>unordered list</b></u><br/>unordered list就是没有次序性的list，可以用黑点、方点或圆圈显示。<br/><b><ul>所支援的attribute：</b><br/>type——设定list的point-form格式，原设为“disc”，接受数值为：disc，square，circle。<br/>例子：<br/><textarea rows="5" cols="30" readonly><ul type="square"><li>item 1</li><li>item 2</li><li>item 3</li></ul></textarea><br/><ul type="square"><li>item 1</li><li>item 2</li><li>item 3</li></ul><br/><br/><u><b>definition list</b></u><br/>definition list就是为重点注释的point-form。<br/><dl>和</dl>之间涵必须盖着<dt>（definition list's term）与<dd>（definition list's definition）来应用。<br/>例子：<br/><textarea rows="6" cols="40" readonly><dl><dt>This is the term 1.</dt><dd>This is the definition 1.</dd><dt>This is the term 2.</dt><dd>This is the definition 2.</dd></dl></textarea><br/><dl><dt>This is the term 1.</dt><dd>This is the definition 1.</dd><dt>This is the term 2.</dt><dd>This is the definition 2.</dd></dl><br/><br/><b><ol>,<ul>和<dl>所共同支援的attribute：</b><br/>id——设定独特的id让JavaScript辨别。<br/><br/>class——设定class的名称，通常用在CSS。<br/><br/>style——设定element里的inline style，用于CSS。<br/><br/><b><ol>,<ul>和<dl>所共同支援的event handler：</b><br/>onabort, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.</form></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-9183499450170061356?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-299533749166235032009-11-15T22:04:00.000-08:002009-11-15T22:07:37.105-08:00Flash教程——制作自己的Flash时钟<font color=white>结合了上次rotation的action script，这次教大家把它应用在实际的地方——制作属于自己的Flash时钟。<br />制作好的时钟还可以放在自己的blog或是个人网站呢！<br /><br />以下为swf原档：<br /><embed src="http://h1.ripway.com/weewaawaa/UCProClock.swf" quality="high" height="350" width="350"></embed><br /><br /><b>.swf档案制作步骤：</b><br />1.在Flash视窗空白处画上/贴上想要用来当时钟背景图案。<br /><br />2.如果时钟背景图案没有被group起来，就.拖曳鼠标以选择整个图案，在键盘上按Ctrl+G把图案group起来。<br /><br />3.Add new Layer，如图：<br /><img src="http://h1.ripway.com/weewaawaa/flashclock1.jpg"/><br /><br />4.在Flash视窗空白处（新的Layer)画上/贴上想要用来当时针的图案，把图案放在时钟正中，并向上，如图：<br /><img src="http://h1.ripway.com/weewaawaa/UCProClock2.jpg"/><br /><br />5.如果图案没有被group起来，重复步骤2。<br /><br />6.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。<br /><br />7.在弹出的Convert to Symbol新视窗的Name一栏内填入“hourhand”和Behavior一栏选择“Movie Clip”，注意registration的方向，如图：<br /><img src="http://h1.ripway.com/weewaawaa/flashclock3.jpg"/><br /><br />8.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“hourhand”，如图：<br /><img src="http://h1.ripway.com/weewaawaa/flashclock4.jpg"/><br /><br />9.重复步骤4至8来加入分针和秒针。把之前的“hourhand”更改为“minutehand”和“secondhand”。<br /><br />10.用鼠键点击含有时钟背景的Layer一次，去“Actions - Frame”选择“Actions for Frame 1 of Layer Name......”，如图：<br /><img src="http://h1.ripway.com/weewaawaa/flashclock5.jpg"/><br /><br />11.将以下的程序编码(Action Script)贴在编码编辑处：<br /><font color=orange>_root.onEnterFrame = function() {<br /> var mydate = new date();<br /> hourhand._rotation = mydate.getHours()*30+mydate.getMinutes()/2;<br /> minutehand._rotation = mydate.getMinutes()*6+mydate.getSeconds()/10;<br /> secondhand._rotation = mydate.getSeconds()*6;<br />};</font><br /><br />12.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。.swf档案将被自动export到储存.fla原档的地方。.swf档案制作大功告成！<br /><br />注意：如果你的时钟的大小与视窗的大小不符，可以依照下图方式更改：<br /><img src="http://h1.ripway.com/weewaawaa/flashclock6.jpg"/><br /><br /><b>使用.swf步骤：</b><br />13.将.swf档案上传至提供网上储存服务的网站，如<a href="http://ripway.com">ripway.com</a>等等。<br /><br />14.将以下html编码贴在blog或个人网站即可：<br /><embed src="档案网址"></embed><br />档案网址如：<a href="http://h1.ripway.com/weewaawaa/UCProClock.swf">http://h1.ripway.com/weewaawaa/UCProClock.swf</a>等等。时钟应用成功！</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-29953374916623503?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-61014587286675620112009-11-13T23:38:00.000-08:002009-11-13T23:38:05.860-08:00学电脑必懂的53个英文单词和缩写<font color=white>　　·PC：个人计算机Personal Computer<br />　　·CPU：中央处理器Central Processing Unit<br />　　·CPU Fan：中央处理器的“散热器”(Fan)<br />　　·MB：主机板MotherBoard<br />　　·RAM：内存Random Access Memory，以PC-代号划分规格，如PC-133，PC-1066，PC-2700<br />　　·HDD：硬盘Hard Disk Drive<br />　　·FDD：软盘Floopy Disk Drive<br />　　·CD-ROM：光驱Compact Disk Read Only Memory<br />　　·DVD-ROM：DVD光驱Digital Versatile Disk Read Only Memory<br />　　·CD-RW：刻录机Compact Disk ReWriter<br />　　·VGA：显示卡(显示卡正式用语应为Display Card)<br />　　·AUD：声卡(声卡正式用语应为Sound Card)<br />　　·LAN：网卡(网卡正式用语应为Network Card)<br />　　·MODM：数据卡或调制解调器Modem.<br />　　·HUB：集线器<br />　　·WebCam：网络摄影机<br />　　·Capture：影音采集卡<br />　　·Case：机箱<br />　　·Power：电源<br />　　·Moniter：屏幕，CRT为显像管屏幕，LCD为液晶屏幕<br />　　·USB：通用串行总线Universal Serial Bus，用来连接外围装置<br />　　·IEEE1394：新的高速序列总线规格Institute of Electrical and Electronic Engineers<br />　　·Mouse：鼠标，常见接口规格为PS/2与USB<br />　　·KB：键盘，常见接口规格为PS/2与USB<br />　　·Speaker：喇叭<br />　　·Printer：打印机<br />　　·Scanner：扫描仪<br />　　·UPS：不断电系统(Uninterruptible Power Supply)<br />　　·IDE：指IDE接口规格Integrated Device Electronics，IDE接口装置泛指采用IDE接口的各种设备<br />　　·SCSI：指SCSI接口规格Small Computer System Interface，SCSI接口装置泛指采用SCSI接口的各种设备<br />　　·GHz：(中央处理器运算速度达)Giga Hertz(赫兹/每秒)<br />　　·FSB：指“前端总线(Front Side Bus)”频率，以MHz为单位<br />　　·ATA：指硬盘传输速率ATAttachment，ATA-133表示传输速率为133MB/sec<br />　　·AGP：显示总线Accelerated Graphics Port，以2X，4X，8X表示传输频宽模式<br />　　·PCI：外围装置连接端口Peripheral Component Interconnect<br />　　·ATX：指目前电源供应器的规格，也指主机板标准大小尺寸<br />　　·BIOS：硬件(输入/输出)基本设置程序Basic Input Output System<br />　　·CMOS：储存BIOS基本设置数据的记忆芯片Complementary Metal-Oxide Semiconductor<br />　　·POST：开机检测Power On Self Test<br />　　·OS：操作系统Operating System<br />　　·Windows：窗口操作系统，图形接口<br />　　·DOS：早期文字指令接口的操作系统<br />　　·fdisk：“规划硬盘扇区”-DOS指令之一<br />　　·format：“硬盘扇区格式化”-DOS指令之一<br />　　·setup.exe：“执行安装程序”-DOS指令之一<br />　　·Socket：插槽，如CPU插槽种类有SocketA，Socket478等等<br />　　·Pin：针脚，如ATA133硬盘排线是80Pin，如PC2700内存模块是168Pin<br />　　·Jumper：跳线(短路端子)<br />　　·bit：位(0与1这两种电路状态)，计算机数据最基本的单位<br />　　·Byte：字节，等于8 bit(八个位的组合，共有256种电路状态)，计算机一个文字以8 bit来表示<br />　　·KB：1 KiloByte等于1024 Byte<br />　　·MB：1 MegaByte等于1024 KB<br />　　·GB：1GigaByte等于1024 MB</font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6101458728667562011?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-50115698140941259892009-11-12T19:38:00.000-08:002009-11-12T20:04:34.423-08:00HTML教程<table>的<th>和<td><font color=white><form>上次谈到table tag，这里将深入探讨用在<table> tag之间的<th>和<td> tag。<br /><th>和<td>之间涵盖的是table header和table data。你可以设定td的attribute来控制table header和table data的显示。<br /><br /><b><th>和<td>所支援的attribute：</b><br />align——设定table header或table data的排列位置，支援的value为：left, right, center, justify, char。<br /><br />bgcolor——用来设定该table header或table data的背景颜色。接受color name或是RGB数值。<br />例子：<br /><textarea rows="9" cols="50" readonly><table border="1" bgcolor="#00ff00"> <tr> <th bgcolor="red">Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td bgcolor="yellow">Data 2</td> </tr></table></textarea><br /><table border="1" bgcolor="#00ff00"> <tr> <th bgcolor="red">Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td bgcolor="yellow">Data 2</td> </tr></table><br />你也可以设定整行的row的背景颜色，写法是：<br /><textarea rows="5" cols="50" readonly><table border="1"> <tr bgcolor="red"> <td>Data 1</td> <td>Data 2</td> </tr></table></textarea><br /><br />width——设定table header或table data的宽度，接受px或%。<br /><br />height——设定table header或table data的高度，接受px。<br /><br />rowspan——设定table header或table data跨过row的行数。<br />例子：<br /><textarea rows="12" cols="50" readonly><table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td rowspan="2">Data 2</td> </tr> <tr> <td>Data 3</td> </tr></table></textarea><br /><table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td rowspan="2">Data 2</td> </tr> <tr> <td>Data 3</td> </tr></table><br />colspan——设定table header或table data跨过column的行数。<br />例子：<br /><textarea rows="12" cols="50" readonly><table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td colspan="2">Data 1</td> </tr> <tr> <td>Data 2</td> <td>Data 3</td> </tr></table></textarea><br /><table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td colspan="2">Data 1</td> </tr> <tr> <td>Data 2</td> <td>Data 3</td> </tr></table><br />id——设定独特的id让JavaScript辨别。<br /><br />class——设定class的名称，通常用在CSS。<br /><br /><b><th>和<td>tag所支援的event handler：</b><br />onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.<br /><br /><hr/><b><u>table里又有另外一个table？</u></b><br />你可以在table里涵盖这另外一个table，把另一个table的编码写在<td>里就可以了，这样叫做“nested table”，看以下例子：<br /><textarea rows="26" cols="50" readonly><table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td>Data 2</td> </tr> <tr> <td>Data 3</td> <td><br /> <table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td>Data 2</td> </tr> <tr> <td>Data 3</td> <td>Data 4</td> </tr> </table> </td> </tr></table></textarea><br /><table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td>Data 2</td> </tr> <tr> <td>Data 3</td> <td><br /> <table border="1" bgcolor="#00ff00"> <tr> <th>Column 1</th> <th>Column 2</th> </tr> <tr> <td>Data 1</td> <td>Data 2</td> </tr> <tr> <td>Data 3</td> <td>Data 4</td> </tr> </table> </td> </tr></table></form></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-5011569814094125989?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-20537590316913395712009-11-11T21:31:00.000-08:002009-11-11T21:40:58.750-08:00CSS简介<font color=white>什么是CSS？<br />CSS就是Cascading Style Sheet，它可以用来设定怎样显示网页中的element。<br />HTML 4.0以上支援CSS。<br />简单一点来说就是CSS可以帮我们省略掉很多重复的HTML code，也可以让网页的element更加统一。<br />比如说我们的网页中有很多个段落（paragraph），我们使用了HTML中的<p>来分段。<br />可是如果我们没有使用CSS而每一段都想要有同样的显示格式，我们的HTML code会是这样：<br /><p align="center"><font face="Arial" color="red">This is paragraph 1.</font></p><br /><p align="center"><font face="Arial" color="red">This is paragraph 2.</font></p><br /><br />可是如果我们使用了CSS的话，我们的HTML code将是这样：<br /><head><br /><style type="text/css"><br />p<br />{<br />font-family:"Arial";<br />color:red;<br />text-align:center;<br />}<br /></style><br /></head><br /><p>This is paragraph 1.</p><br /><p>This is paragraph 2.</p><br />有没有注意到你只需要设定一次CSS中的<p>element，就可以在整个网页中简单地控制<p>tag的element？<br />这样可以省去web designer修改和整理网页所需的时间。<hr/><u><b>CSS的Syntax</b></u><br />CSS由三个部分组成：selector，property和value：<br />selector {property:value}<br /><br />通常selector就i是你想设定的HTML element名称，property就是相关element的attribute名称，而value就是attribute可接受的数值。<br />例子：<br /><body bgcolor="blue"><br />...<br /></body><br />可以被写成：<br /><head><style type="text/css"><br />body<br />{<br />background-color:blue;<br />}<br /></style><br /><body><br />...<br /></body><br />注：body是selector，background-color是property，blue就是value。<br /><br />除此之外，CSS也允许使用class和id来自定义selector。<br /><u><b>id selector</b></u><br />比如你的HTML里有element的id叫做para1：<p id="para1">This is paragraph 1.</p>你可以在CSS的selector名称的前面加入#来使用：<br />#para1 {<br />font-family:"Arial";<br />color:red;<br />text-align:center;<br />}<br /><br /><u><b>class selector</b></u><br />比如你的HTML里有element的class叫做para1：<p class="para1">This is paragraph 1.</p><br />你可以在CSS的selector名称的前面加入.来使用：<br />.para1 {<br />font-family:"Arial";<br />color:red;<br />text-align:center;<br />}<br /><br />id和class不同的地方就是id是unique的，只能被element define一次；而class是可以被element重复define。<br /><br /><u><b>怎样在CSS中加入comment？</b></u><br />CSS中的comment由/*开始，由*/结束。<br />body<br />{<br />/*This is a comment.*/<br />background-color:blue;<br />}<br /><hr/><u><b>三种把CSS嵌入HTML的方法：</b></u>External style sheet，Internal style sheet和Inline style。<br />External style sheet是将所有define的CSS储存在另一个.CSS的file里，然后用<link>tag衔接CSS。<br />例子：<br /><head><br /><link rel="stylesheet" type="text/css" href="mystyle.css" /><br /></head><br /><br />Internal style sheet就是把CSS写在<head>和</head>之间。<br /><br />Inline style是把CSS直接写在element里，可是这样做让CSS失去了它省略的好处。<br />例子：<br /><p style="font-family:Arial;color:red;text-align:center">This is paragraph 1.</p><br /><br />注：如果HTML里拥有超过一个设定同样element的CSS出现，那么最后被render的CSS将会显示其效果。<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-2053759031691339571?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-60194054934325895472009-11-10T23:45:00.000-08:002009-11-15T21:55:41.736-08:00HTML教程——Character和Symbol<font color=white>HTML里的Character和Symbol是被预定的HTML字母和符号。<br />大家应该都知道有些符号对HTML有特别的意义，例如&lt;和&gt;。<br />如果这些符号的syntax正确的话，他们将被浏览器render为特定的element，否则将被视为syntax error或被忽略掉。<br />那么如果你要在你的网页中显示这些符号，该怎么办呢？你可以用HTML所预设的符号代码来嵌入你要的符号。<br />这些代码的开头都是由&#开始，接着是数字或是由&开始，接着是名称，然后由;作结尾。<br /><br />例子：<br />你可以用&lt;来显示<，用&gt;来显示>。<br />请参考以下常用的符号代码表：<br /><img src="http://h1.ripway.com/weewaawaa/HtmlPredefinedCharacterEntity.jpg"><br /><br />以下为一些特别符号和Greek字母：<br /><img src="http://h1.ripway.com/weewaawaa/SymbolsAndGreekLetters.jpg"><br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6019405493432589547?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-35278543471221320582009-11-08T18:41:00.000-08:002009-11-08T18:41:54.592-08:00Flash教程——跟着鼠标移动的图样<font color=white>在这里跟大家分享一个制作可以跟着鼠标移动的Flash图案的简单方法。<br />希望已简化的Action Script可以帮助到各位。<br /><br />以下为swf原档：<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://h1.ripway.com/weewaawaa/chaser.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://h1.ripway.com/weewaawaa/chaser.swf" quality="high" bgcolor="#ffffff" width="550" height="400" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></embed></object><br /><br />步骤：<br />1.在Flash视窗空白处画些图案。<br /><br />2.拖曳鼠标以选择整个图案。<br /><br />3.选择成功后，在键盘上按Ctrl+G把图案group起来。<br /><br />4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。<br /><br />5.在弹出的Convert to Symbol新视窗的Name一栏内填入“pointer”和Behavior一栏选择“Movie Clip”。<br /><br />6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“pointer”。<br /><br />7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for pointer (pointer)”。<br /><br />8.将以下的程序编码(Action Script)贴在编码编辑处：<br /><font color=orange>onClipEvent (load) {<br /> _root.gotoSpotX;<br /> _root.gotoSpotY;<br /> _root.speed = 0;<br />}<br />onClipEvent (enterFrame) {<br /> {<br /> _root.gotoSpotX = _root._xmouse;<br /> _root.gotoSpotY = _root._ymouse;<br /> }<br /> // calculate angle of current position to target position <br /> _root.delta_x = _root.gotoSpotX-_x;<br /> _root.delta_y = _y-_root.gotoSpotY;<br /> _root.targetRotation = Math.atan2(_root.delta_x,_root.delta_y)/(Math.PI/180);<br /> {<br /> _rotation = _root.targetRotation;<br /> }<br /> // move beetle toward the target and stop when it gets there<br /> _root.distance=Math.sqrt((_root.delta_x*_root.delta_x)+(_root.delta_y*_root.delta_y));<br /> if(_root.distance>300)<br /> {<br /> _root.speed=30;<br /> }<br /> else if (_root.distance>200)<br /> {<br /> _root.speed=20;<br /> }<br /> else if(_root.distance>30)<br /> {<br /> _root.speed=10;<br /> }<br /> else<br /> {<br /> _root.speed=0;<br /> }<br /> if (Math.sqrt((_root.delta_x*_root.delta_x)+(_root.delta_y*_root.delta_y))>speed) {<br /> _y -= _root.speed*Math.cos(Math.atan2(_root.delta_x,_root.delta_y));<br /> _x += _root.speed*Math.sin(Math.atan2(_root.delta_x,_root.delta_y));<br /> _root.cos1=Math.cos(Math.atan2(_root.delta_x,_root.delta_y));<br /> _root.sin1=Math.sin(Math.atan2(_root.delta_x,_root.delta_y));<br /> }<br />}</font><br /><br />9.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-3527854347122132058?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-88627541456245287852009-11-06T22:24:00.000-08:002009-11-06T22:24:29.544-08:00Laptop Design In Future<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/7H0K1k54t6A&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.youtube.com/v/7H0K1k54t6A&color1=0xb1b1b1&color2=0xcfcfcf&feature=player_embedded&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="425" height="344"></embed></object><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-8862754145624528785?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-38797771625832176442009-11-06T19:29:00.000-08:002009-11-06T19:51:06.942-08:00HTML教程<table><font color=white><form>这次来谈谈HTML里的table tag。<br />table是用来在网页里加入table图表。<br />这样可以让数据或资料以更加整齐的方式呈现出来。<br />简单的table tag里必须有 <tr>, <th>, <td> tag。<br />网页显示table tag的方向是从左到右，从上到下。<br /><br />看看以下例子：<br /><textarea cols="50" rows="13" readonly><table border="1"><tr> <th>Month</th> <th>Savings</th></tr><tr> <td>January</td> <td>$100</td></tr><tr> <td>February</td> <td>$125</td></tr></table></textarea><br />你的table看起来应该是这样的：<br /><table border="1"><tr> <th>Month</th> <th>Savings</th> </tr><tr> <td>January</td> <td>$100</td> </tr><tr> <td>February</td> <td>$125</td> </tr></table><br /><tr>是table row，用来涵盖着一行横的cell。<br /><tr>必须用</tr>关闭起来，以开始新的一行。<br /><br /><td>是table data，用来涵盖cell里要显示的东西，比如：<td>this is the data</td>。<br /><br /><th>是table header，是table column的title。它和<td>差不多一样，唯一的差别是它会自动将内容粗体化（bold），以突出题目。<br /><br /><b><table>所支援的attribute：</b><br />width——设定table的宽度，接受px或%。<br /><br />height——设定table的高度，接受px。<br /><br />bgcolor——用来设定table的背景颜色。接受color name或是RGB数值。<br /><br />例子：<br /><textarea cols="50" rows="9" readonly><table border="1" bgcolor="#00ff00"><tr> <th>Column 1</th> <th>Column 2</th></tr><tr> <td>Data 1</td> <td>Data 2</td></tr></table></textarea><br /><table border="1" bgcolor="#00ff00"><tr> <th>Column 1</th> <th>Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br />background——设定table的背景图案。接受URL。<br />例子：<br /><textarea cols="80" rows="10" readonly><table border="1" bgcolor=grey background="http://cforum.ucpro.my/templates/uchome/images/logo.png"><tr> <th><font color="#ff0000">This is Column 1</font></th> <th><font color="#00ff00">This is Column 2</font></th></tr><tr> <td><font color="#0000ff">Data 1</font></td> <td><font color="#00ffff">Data 2</font></td></tr></table></textarea><br /><table border="1" bgcolor=grey background="http://cforum.ucpro.my/templates/uchome/images/logo.png"><tr> <th><font color="#00ff00">This is Column 1</font></th> <th><font color="#00ff00">This is Column 2</font></th> </tr><tr> <td><font color="#00ff00">Data 1</font></td> <td><font color="#00ff00">Data 2</font></td> </tr></table>看到了吗？在<th>和<td> tag之间是可以加入<font> tag来个别设定字体颜色的。<br /><br />border——设定table边框的粗细。接受px。<br />你如果不想table的边框被显示出来，你可以设定border=“0”<br />例子：<br /><textarea cols="50" rows="9" readonly><table border="0" bgcolor="black"><tr> <th>This is Column 1</th> <th>This is Column 2</th></tr><tr> <td>Data 1</td> <td>Data 2</td></tr></table></textarea><br /><table border="0" bgcolor="black"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br />cellpadding——设定table内容和cell wall之间的距离。接受px。<br />试试以下的差别：<br /><table border="1" cellpadding="1"><br /><table border="1" cellpadding="5"><br /><table border="1" bgcolor="black" cellpadding="1"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br /><table border="1" bgcolor="black" cellpadding="5"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br />cellspacing——设定table里cell和cell之间的距离。接受px。<br />试试以下的差别：<br /><table border="1" cellspacing="1"><br /><table border="1" cellspacing="5"><br /><table border="1" bgcolor="black" cellspacing="1"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br /><table border="1" bgcolor="black" cellspacing="5"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br />rules——设定边框在table里被显示的格式。接受的数值为：none, groups, rows, cols, all.<br />试试以下的差别：<br /><table border="1" bgcolor="black" rules="rows"><br /><table border="1" bgcolor="black" rules="cols"><br /><table border="1" bgcolor="black" rules="rows"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br /><table border="1" bgcolor="black" rules="cols"><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table><br />align——设定table的排列位置，支援的value为：left, center, right.<br /><br />id——设定独特的id让JavaScript辨别。<br /><br />class——设定class的名称，通常用在CSS。<br /><br /><b>table tag所支援的event handler：</b><br />onclick, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.<br /><br />Tips:<br />你也可以在<table>和</table>之间加入<caption>和</caption>以在table之上显示标题。<br />例子：<br /><textarea cols="50" rows="10" readonly><table border="1"><caption>This is a table</caption><tr> <th>This is Column 1</th> <th>This is Column 2</th></tr><tr> <td>Data 1</td> <td>Data 2</td></tr></table></textarea><br /><table border="1"><caption>This is a table</caption><tr> <th>This is Column 1</th> <th>This is Column 2</th> </tr><tr> <td>Data 1</td> <td>Data 2</td> </tr></table></form></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-3879777162583217644?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-87480502013626627172009-11-04T22:50:00.001-08:002009-11-04T23:38:27.670-08:00Flash教程——自动旋转的图案<font color=white>在这里跟大家分享一个制作可以自动旋转的Flash图案的简单方法。<br /><br />以下为swf原档：<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="550" height="400"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://h1.ripway.com/weewaawaa/UCPROrotator1.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://h1.ripway.com/weewaawaa/UCPROrotator1.swf" quality="high" bgcolor="#ffffff" width="550" height="400" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" /></embed></object><br /><br />[简单版]步骤：<br />1.在Flash视窗空白处画些图案。<br /><br />2.拖曳鼠标以选择整个图案。<br /><br />3.选择成功后，在键盘上按Ctrl+G把图案group起来。<br /><br />4.在图案上点击右滑鼠键，并选择“Convert to Symbol...”。<br /><br />5.在弹出的Convert to Symbol新视窗的Name一栏内填入“rotator”和Behavior一栏选择“Movie Clip”。<br /><br />6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“rotator”。<br /><br />7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for rotator (rotator)”。<br /><br />8.将以下的程序编码(Action Script)贴在编码编辑处：<br /><font color=orange>onClipEvent (enterFrame) {<br />_rotation += 1;//edit here to change the angle of rotation<br />}</font><br /><br />9.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成！<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-8748050201362662717?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-3208450466781115332009-11-02T20:03:00.000-08:002009-11-02T20:03:44.213-08:00HTML教程<img><font color=white><img> tag把图片嵌入网页中。<br /><br /><img>所支援的attribute：<br />src——设定图片的URL位置。<br />例子：<br /><img src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />alt——设定档图片没有办法读取时所显示的信息。<br />例子：<br /><img alt="This image cannot be loaded" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />title——设定滑鼠在图片上时所显示的tooltip信息。<br />例子：<br /><img title="UCPRO" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />height——设定图片的高度。接受px（pixel）或是%（percentage）。<br />例子：<br /><img height="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><img height="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />width——设定图片的长度。接受px（pixel）或是%（percentage）。<br />例子：<br /><img width="100px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><img width="20%" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />align——设定图片的排列位置（可在图片旁加入其它element来见其效果），支援的value为：top, bottom, middle, left, right.<br />例子：<br />比较以下例子：<br />lalala<img align="middle" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala<br />lalala<img align="left" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala<br />lalala<img align="right" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/>lalala<br /><br />border——设定图片旁的边框大小。接受px（pixel）。<br />例子：<br /><img border="5px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />hspace——设定图片与左右两旁的element之间的空白距离。接受px（pixel）。<br />例子：<br /><img hspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />vspace——设定图片与上下两旁的element之间的空白距离。接受px（pixel）。<br />例子：<br /><mg vspace="10px" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><br />id——设定独特的id让JavaScript辨别。<br /><br />class——设定class的名称，通常用在CSS。<br /><br />usemap——设定usemap的名称。usemap是用来将图片分割成部分，然后个别位置对滑鼠作出不同的反应。<br />例子：<br /><img usemap="#ucpromap" src="http://cforum.ucpro.my/templates/uchome/images/logo.png"/><br /><map name="ucpromap"><br /> <area shape="rect" coords="0,0,20,20" href="sun.htm" alt="Sun" /><br /></map><br /><br /><img>所支援的event：<br />onabort, ondblclick, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup.<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-320845046678111533?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-75249333982673968792009-11-02T19:59:00.000-08:002009-11-02T20:00:34.866-08:00HTML教程<body><font color=white>这次来谈谈body tag。<br />在浏览器中所展示出来的网页内容都是在<body>和</body>里。<br /><body>支持以下的attibute：<br />1.alink——设定超链接（active link）的字体颜色。（active link是指被点击的超链接hyperlink）<br />*效果将在<a>tag中显现出来。<br />用法：<br /><body alink="#ff0000">或是<body alink="red"><br /><br />#ff0000是设定颜色的RGB十六进制数字（hexadecimal）<br />前面的#显示此数字为十六进制数字<br />RGB是由三种颜色组成——Red、Green、Blue<br /><br />2.background——设定网页的背景图案。<br />用法：<br /><body background="http://www.dota-league.gr/images/143.jpg"><br />background的value必须是图片的所在位置，它可以是在电脑或是URL。<br /><br />3.bgcolor——设定网页的背景颜色。<br />用法：<br /><body bgcolor="#0000ff"><br /><br />4.link——设定还未被访问过的hyperlink的字体颜色。<br />用法：<br /><body link="#00ff00"><br /><br />5.text——设定网页中最初的字体颜色。<br />用法：<br /><body text="#00ff00"><br /><br />6.vlink——设定已访问过的hyperlink的字体颜色。<br />用法：<br /><body vlink="#ff00ff"><br /><br />*以上例子中的hyperlink的颜色可以加入anchor tag或是<a>来显示。<br /><a href="http://cforum.ucpro.my/">http://cforum.ucpro.my/</a><br /><br />body tag所支援的event handler：<br />onclick, ondblclick, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup, onunload.<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-7524933398267396879?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-32088983557574864962009-11-02T19:48:00.000-08:002009-11-02T19:53:23.598-08:00HTML教程——什么是event？<font color=white>Event是浏览器在HTML网页内所执行的事件。<br />Event的功用通常是要执行在网页内的JavaScript。<br /><br />Event分为四种：Window Events，Form Element Events，Keyboard Events和Mouse Events。<br /><br /><b>Windows Events</b><br />可以应用在body和frameset tag。<br /><br />Windows Events所支持的attribute：<br />onload——设定当网页读取完成时所执行的脚本（Script）<br />例子：<br /><body onload="JavaScript:alert('Welcome to UCPRO!')"></body><br /><br />onunload——设定当网页被关闭时所执行的脚本<br />例子：<br /><body onunload="JavaScript:alert('See you next time in UCPRO!')"></body><br /><br /><b>Form Element Events</b><br />只可以应用在form tag。<br /><br />Form Element Events所支持的attribute：<br />onchange——设定当form里的input榄被更换时所执行的脚本<br />例子：<br /><input type="text" value="UCPRO" id="text1" name="text1" onchange="JavaScript:alert('Welcome to UCPRO!')"/><br /><br />onsubmit——设定当form被提交时所执行的脚本（用在form tag里）<br />例子：<br /><form onsubmit="JavaScript:alert('submit');"><br /><input type="submit" value="send"/></form><br /><br />onreset——设定当form被重新设定（reset）时所执行的脚本<br />例子：<br /><form onreset="JavaScript:alert('reset');"><br /><input type="reset" value="send"/></form><br /><br />onselect——设定当form内的text被滑鼠选择时所执行的脚本<br />例子：<br /><input type="text" value="UCPRO" id="text1" name="text1" onselect="JavaScript:alert('select')"/><br /><br />onblur——设定当form内的element失去焦点时所执行的脚本<br />例子：<br /><input type="text" value="UCPRO" id="text1" name="text1" onblur="JavaScript:alert('blur')"/><br /><br />onfocus——设定当form内的element得到焦点时所执行的脚本<br />例子：<br /><input type="text" value="UCPRO" id="text1" name="text1" onfocus="JavaScript:alert('focus')"/><br /><br /><b>Keyboard Events</b><br />Keyboard Events设定当键盘上的键被点击或释放时所执行的脚本<br />（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）<br /><br />Keyboard Events所支持的attribute：<br />onkeydown——设定当键盘的按键被按下时所执行的脚本<br />例子：<br /><body onkeydown="JavaScript:alert('keydown')"></body><br /><br />onkeypress——设定当键盘的按键被按下并被释放时所执行的脚本<br />例子：<br /><input type="text" value="UCPRO" id="text1" name="text1" onkeypress="JavaScript:alert('keypress')"/><br /><br />onkeyup——键盘的按键被释放时所执行的脚本<br />例子：<br /><input type="text" value="UCPRO" id="text1" name="text1" onkeyup="JavaScript:alert('keyup')"/><br /><br /><b>Mouse Events</b><br />让滑鼠在网页中的行动执行脚本。<br />（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）<br /><br />Mouse Event所支持的attribute：<br />onclick——设定HTML元素被滑鼠点击+释放时所执行的脚本<br />例子：<br /><a href="http://cforum.ucpro.my/" onclick="JavaScript:alert('click')">click once</a><br /><br />ondblclick——设定HTML元素被滑鼠双点击（double-click）时所执行的脚本<br />例子：<br /><a href="http://cforum.ucpro.my/" ondblclick="JavaScript:alert('click')">double click</a><br /><br />onmousedown——设定HTML元素被滑鼠点击时所执行的脚本<br />例子：<br /><font onmousedown="JavaScript:alert('mousedown')">Mouse Down</font><br /><br />onmousemove——设定HTML元素被滑鼠移动经过时所执行的脚本<br />例子：<br /><font onmousemove="JavaScript:alert('mousemove')">Mouse Move</font><br /><br />onmouseout——设定HTML元素被滑鼠移动出去时所执行的脚本<br />例子：<br /><font onmouseout="JavaScript:alert('mouseout')">Mouse Out</font><br /><br />onmouseover——设定HTML元素被滑鼠经过其上面时所执行的脚本<br />例子：<br /><font onmouseover="JavaScript:alert('mouseover')">Mouse Over</font><br /><br />onmouseup——设定HTML元素被滑鼠点释放时所执行的脚本<br />例子：<br /><a href="http://cforum.ucpro.my/" onmouseup="JavaScript:alert('mouseup')">Mouse Up</a><br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-3208898355757486496?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-20771262497056836272009-11-02T19:34:00.000-08:002009-11-02T19:45:22.655-08:00HTML简介<font color=white>HTML至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码，大到做网站，小到博客论坛等都会有莫大的好处。<br /><br /><b>什么是HTML？</b><br />HTML是用来制作网页的标记语言.<br /><br />HTML是Hypertext Markup Language的英文缩写,即超文本标记语言.<br /><br />HTML语言是一种标记语言,不需要编译,直接由浏览器执行.<br /><br />HTML文件是一个文本文件,包含了一些HTML元素,标签等.HTML文件必须使用html或htm为文件名后缀.<br /><br />HTML是大小写不敏感的,HTML与html是一样的.<br /><br />HTML是由W3C的维护的.<br /><hr/>设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。 <br /><br />制作HTML需要什么？<br />也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如Mcrosoft Word/记事本/写字板等等）以及HTML的工作常识。<br /><br />HTML标签（tags）通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是<blockquote>。有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(<b>;使文字变粗)还有一些其他标签提供在页面上不显示的信息——例如标题。 <br /><br />关于标签，需要记住的是，它们是成双出现的。每当使用一个标签——如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。但是也有一些标签例外。比如，<input>标签就不需要。<br /><br />基本HTML页面以<html>标签开始，以</html>结束。在它们之间，整个页面有两部分——标题和正文。 <br /><br />标题词——夹在<head>和</head>标签之间。这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间，即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。 <br /><br />那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。(随便你起一个什么名字,但记住,要用英文) <br /><br />XHTML又是什么？<br />简单点说，XHTML就是严谨而准确的HTML。对于现在才刚刚开始学习网页设计的朋友，直接学习XHTML是最佳的选择。<br /><br />复杂点说，XHTML是HTML的“升级规范”产品，其中"X"代表可扩展的，是单词"extensible"的缩写。事实上它也属于HTML家族，对比以前各个版本的HTML，它具有更严格的书写标准、更好的跨平台能力。由于某些需要，XHTML将以前版本的HTML能够实现的一些功能交给了CSS，这意味着你将需要学习两种技术。但是这确实是Web未来发展的潮流。X代表“可以扩展的”。<br /><br />HTML标准的版本历史<br />超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）. <br /><br />HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时 <br /><br />HTML 3.2——1996年1月14日，W3C推荐标准 <br /><br />HTML 4.0——1997年12月18日，W3C推荐标准 <br /><br />HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准 <br /><br />ISO/IEC 15445:2000（“ISO HTML”）——2000年5月15日发布，基于严格的HTML 4.01语法，是国际标准化组织和国际电工委员会的标准 <br /><br />XHTML 1.0——发布于2000年1月26日，是W3C推荐标准，后来经过修订于2002年8月1日重新发布。 <br /><br />XHTML 1.1, 于2001年5月31日发布 <br /><br />(XHTML 2.0, W3C工作草案) <br /><br />HTML没有1.0版本是因为当时有很多不同的版本。有些人认为蒂姆·伯纳斯-李的版本应该算初版，这个版本没有IMG元素。当时被称为HTML+的后续版的开发工作于1993年开始，最初是被设计成为“HTML的一个超集”。第一个正式规范在为了和当时的各种HTML标准区分开来，使用了2.0作为其版本号。HTML+的发展继续下去，但是它从未成为标准。<br /><br />HTML3.0规范是由当时刚成立的W3C于1995年3月提出，提供了很多新的特性，例如表格、文字绕排和复杂数学元素的显示。虽然它是被设计用来兼容2.0版本的，但是实现这个标准的工作在当时过于复杂，在草案于1995年9月过期时，标准开发也因为缺乏浏览器支持而中止了。3.1版从未被正式提出，而下一个被提出的版本是开发代号为Wilbur的HTML 3.2，去掉了大部分3.0中的新特性，但是加入了很多特定浏览器，例如Netscape和Mosaic的元素和属性。HTML对数学公式的支持最后成为另外一个标准MathML。<br /><br />HTML 4.0同样也加入了很多特定浏览器的元素和属性，但是同时也开始“清理”这个标准，把一些元素和属性标记为过时的，建议不再使用它们。HTML的未来和CSS结合会更好。<br /><br />HTML规范<br /><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"> <br /><br />　　<html> <br /><br />　　<head> <br /><br />　　<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br /><br />　　<meta http-equiv="Content-Script-Type" content="text/javascript"> <br /><br />　　<meta http-equiv="Content-Style-Type" content="text/css"> <br /><br />　　<title>yourtitle</title> <br /><br />　　</head><br /><br /><body><br /><br />HTML内容。。。。<br /><br /></body><br /><br /></html><br /><br />如要在HTML里加入javascript，可以在<head>和</head>标签之间加入：<br /><script type="text/javascript"><br /><br />　　<br /><br /></script><br /><br />贴士：<br />被<和>涵盖住的东西叫做html tag（标签）。<br />很多时候tag里头会含有一些加以形容tag的东西，叫做attribute,或是event handler（事件处理程序）来执行一些网页界面上的任务。<br />比如：<br /><body bgcolor="Blue" onload="helloMsg()"><br />...<br /></body><br /><br />在以上例子中，body就是tag，bgcolor是设定网页背景颜色的attribute，onload是当该网页load完时所执行的function，比如JavaScript。<br /><br />大部分的tag都是成对的。一个是开的tag，一个是关的tag。closing tag必须在tag的名字前加入/的符号。比如：<body>和</body><br />也有一些tag是没有closing tag的，比如：<img src="abc.jpg"/><br /><br />tag的attribute最好是可以用""来涵盖着。<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-2077126249705683627?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-7220948373667090152009-11-02T19:02:00.000-08:002009-11-02T19:02:23.574-08:00什么是电脑编程？<font color=white>编辑程序让电脑执行的过程就叫做电脑编程。<br /><br />那么程序到底又是什么？<br />计算机程序是指令集，它告诉计算机如何执行特殊的任务。<br />计算机需要指令来执行每一个任务。甚至对最简单的任务也需要指令，例如如何取得击键，怎样在屏幕上放一个字母，怎样在磁盘中保存讯息。<br />幸运的是，许多这样的指令包含在处理器芯片中或内置于操作系统中，因此用户不必担心它们。<br /><br />那么程序语言又是什么？<br />计算机语言的种类非常的多，总的来说可以分成机器语言（Machine Language/Low-Level Language），汇编语言（Assembly Language）高级语言（High-Level Language）三大类。<br /><br />虽然我们用自然语言读这些指令，但计算机指令必须是二进制代码（binary code），即一系列在计算机内存和处理器中的开（on）或关（off）的状态。有些语言，如汇编程序，可以允许直接写这种类型的代码。<br />但是，以这种方法编程十分困难，所以我们需要高级语言的辅助来编写指令。<br />以下将个别介绍三大类的计算机语言。<br /><br />机器语言就是由0和1构成的代码。但通常人们编程时，不采用机器语言，因为它非常难于记忆和识别。<br /><br />汇编语言的实质和机器语言是相同的，都是直接对硬件操作，只不过指令采用了英文缩写的标识符，更容易识别和记忆。<br />它同样需要编程者将每一步具体的操作用命令的形式写出来。<br />汇编程序的每一句指令只能对应实际操作过程中的一个很细微的动作，例如移动、自增，因此汇编源程序一般比较冗长、复杂、容易出错，而且使用汇编语言编程需要有更多的计算机专业知识，但汇编语言的优点也是显而易见的，用汇编语言所能完成的操作不是一般高级语言所能实现的，而且源程序经汇编生成的可执行文件不仅比较小，而且执行速度很快。<br /><br />高级语言是目前绝大多数编程者的选择。和汇编语言相比，它不但将许多相关的机器指令合成为单条指令，并且去掉了与具体操作有关但与完成工作无关的细节，例如使用堆栈、寄存器等，这样就大大简化了程序中的指令。<br />同时，由于省略了很多细节，编程者也就不需要有太多的专业知识。<br /><br />高级语言主要是相对于汇编语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，如目前流行的Visual Basic、C++、FoxPro、Delphi等，这些语言的语法、命令格式都各不相同。<br /><br />高级语言所编制的程序不能直接被计算机识别，必须经过转换才能被执行，按转换方式可将它们分为两类: <br /><br />　　解释类：执行方式类似于我们日常生活中的“同声翻译”，应用程序源代码一边由相应语言的解释器“翻译”成目标代码(机器语言)，一边执行，因此效率比较低，而且不能生成可独立执行的可执行文件，应用程序不能脱离其解释器，但这种方式比较灵活，可以动态地调整、修改应用程序。 <br /><br />　　编译类：编译是指在应用源程序执行之前，就将程序源代码“翻译”成目标代码(机器语言)，因此其目标程序可以脱离其语言环境独立执行，使用比较方便、效率较高。但应用程序一旦需要修改，必须先修改源代码，再重新编译生成新的目标文件(＊ .OBJ)才能执行，只有目标文件而没有源代码，修改很不方便。现在大多数的编程语言都是编译型的。<br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-722094837366709015?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0tag:blogger.com,1999:blog-1840271305054905314.post-61964420456532634072009-11-02T18:57:00.001-08:002009-11-02T18:57:49.459-08:00Computer Processor's Performance Overview<font color=white>Here is an overview on the computer processor's performance:<br /><br /><img src="http://img26.imageshack.us/img26/9372/computerprocesserperfor.jpg"><br /></font><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1840271305054905314-6196442045653263407?l=itshare4u.blogspot.com' alt='' /></div>Arcus Tionghttp://www.blogger.com/profile/05525766410607875262noreply@blogger.com0