|
鍵盤的操作：
為了使網(wǎng)頁更形象，我可以用鍵盤事件來進行網(wǎng)頁操作，如用鍵盤打開開始菜單，Esc鍵隱藏對話框等等。這里要用到了onkeydown;下面是一個例子：
<script Language="javascript">
function keypress()
{
if(event.keyCode==13)window.open('http://homepage.yesky.com'，''，'');
｝
document.onkeydown = keypress
</script>
當在當前頁回車時，就會打開網(wǎng)頁陶吧http://homepage.yesky.com，這里的13代表回車鍵。
將下面代碼存為htm文件，就會顯示各個字母代碼的數(shù)字（IE瀏覽器適用）。
<script>
function show(){
alert(event.keyCode);}
</script>
<body onKeydown=show()>
網(wǎng)頁進度條：
思路是根據(jù)源文件下載的進程來實現(xiàn)的，把源文件分為幾個部分，每隔一部分，加一段代碼，來動態(tài)改變一個圖片的長度.顯示出下載的進程和百分比。
困難和解決:
由于網(wǎng)頁代碼繁長，用到很多的小圖片與大量的javascript。網(wǎng)頁的更新維護將是一件很頭痛的事。
下面是一些解決的方法：
對于每個層的ID名稱的的命名，要根據(jù)層的內容。例如個人說明的層用 id="readme" 開始菜單 id="startmenu"等等。這樣是為了更好的對源文件進行改進和優(yōu)化。同一類層的z-index設置相同，誰在上，誰在下，都是要考慮的。
對于很多重復使用的一項代碼，我們可以用document.write來寫成javascript，像桌面圖標等，下面是一個例子：
function link(act，txt)
{document.write("<div class=link onMouseOver=this.className='overlink' onMouseOut=this.className='link' style='padding-left:16;padding-top:1;padding-bottom:1' onclick="+act+">"+txt+"</div>")}
如果網(wǎng)頁中有十處用到這個代碼，我們就要寫進十個上面粗體代碼長度，但通用javascript，我們就可以只寫十個這樣的代碼：
<script>link('pop('id.htm')'，'鏈接之一')</script>，這樣使源文件更清晰，更容易看。
把所用的到的funtion函數(shù)全部放在js文件中，這樣不會使風頁文件太大，而出現(xiàn)打不出的現(xiàn)象，同時也更好的管理。
不足
Windows桌面風格的網(wǎng)頁只能是個網(wǎng)頁，不能像windows系統(tǒng)一樣的功能強大，再加上現(xiàn)在瀏覽器的差異性，在不同的瀏覽器下看到的效果也是大相徑庭。
收獲和經(jīng)驗
這個網(wǎng)頁網(wǎng)頁的實現(xiàn)過程，也是我認識了解css、javascript、html過程，是我水平進步的過程。從中也體驗到編改寫代碼的樂趣，有時候為了一個代碼要想很久，不能解決就到論壇求助，問題很快就解決了。如果大家有興趣，可以到我的網(wǎng)頁上最新版本 0324 下載源文件。
要做出一個桌面風格的網(wǎng)頁，對于網(wǎng)頁初學者來，是有一定困難的。也許你對上面所提到的代碼很陌生，那也沒關系，只要你對網(wǎng)頁學習有興趣，認真學習網(wǎng)頁制作的基礎知識，相信不久你的手中會誕生出更有創(chuàng)意的網(wǎng)頁。
出處：無憂視窗
責任編輯：藍色
上一頁 任務欄 下一頁 Windows 桌面風格頁面制作點滴
◎進入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|
第 1 頁 
第 4 頁 鍵盤的操作
