如果不想用傳統(tǒng)的頁面跳轉(zhuǎn)，可以考慮使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以實(shí)現(xiàn)你說的那種，上下不動(dòng)只有中間的內(nèi)容在變，其實(shí)加載的是不同的模板，然后用路由控制的，整個(gè)瀏覽器始終處在一個(gè)界面中。

3點(diǎn)擊HTML進(jìn)去，就可以直接在里面編寫HTML5程序了，如下，這里會自動(dòng)將標(biāo)簽和屬性標(biāo)注為高亮顯示出來，非常不錯(cuò)編寫完成后，點(diǎn)擊右上角的保存按鈕，即可保存到手機(jī)上，非常方便如果需要在線運(yùn)行代碼的話，需要安裝一下插件。

只需要做好樣式，隱藏顯示就好了。

圓角在html5以前是不能用代碼實(shí)現(xiàn)的，及時(shí)你用濾鏡實(shí)現(xiàn)但是IE6不是很好支持濾鏡，用代碼實(shí)現(xiàn)很就是，復(fù)雜麻煩閑得慌，用圖片實(shí)現(xiàn)是最好的，你用ps畫一個(gè)你想要的圓角框作為div的背景，就O啦，備注，html5 ie8以下的。

HTML5是沒有這個(gè)功能的，可以使用瀏覽器的內(nèi)置發(fā)送到桌面圖標(biāo)功能，以下以UC為例1進(jìn)入U(xiǎn)C瀏覽器首頁后，點(diǎn)擊所示的圖標(biāo) 2會看到書簽歷史點(diǎn)擊它 3進(jìn)入書簽后，隨后長按幾秒你想發(fā)送到手機(jī)桌面的書簽網(wǎng)址 4。

4可以在模板中心選擇一個(gè)自己需要的點(diǎn)擊，直接套用模板，也可以選擇自己創(chuàng)建一個(gè)空白頁面5進(jìn)入后就可以根據(jù)自己的需要，將模板里面的文字圖片和音樂替換成自己需要的即可，如圖所示6還可以給自己的手機(jī)網(wǎng)頁添加背景。

左側(cè)菜單，給每個(gè)菜單設(shè)置id和onclick點(diǎn)擊事件，onclick事件觸發(fā)的函數(shù)假設(shè)寫為display右側(cè)寫個(gè)固定樣式的div，id假設(shè)設(shè)置為board如果你的菜單內(nèi)容在服務(wù)器 display的實(shí)現(xiàn)如下 function display $ajax。

這個(gè)可以通過絕對定位，配合left設(shè)置 或者translate去實(shí)現(xiàn) left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個(gè)過渡transitionleft 03s 然后讓class為menu active的元素。

menu dd margin0 padding0 fontsize 1em textalignleft gallery dt a， gallery dt avisited displayblock color#fff padding5px 5px 5px 10px background#949e7c urltop_。