Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4)_Dreamweaver教程
<hr color="對應(yīng)顏色的代碼">
19> 如何設(shè)置可以關(guān)閉當(dāng)前窗口的功能?
這里我們可以先輸入用來標(biāo)示的文字“關(guān)閉窗口”,用鼠標(biāo)拖動選中它,在“Link”輸入框中鍵入“/”,同時切入源代碼窗口,在鏈接代碼中鍵入該事件-onclick=“javascript:window.close(); return false;”。
完整的代碼為:<a href=“/”onclick=“javascript:window.close(); return false;”>關(guān)閉窗口< /a>
當(dāng)然你也可以將文字“關(guān)閉窗口”換成其他的對象,比如圖片,按鈕等等!
20> 定時自動關(guān)閉的窗口又是怎樣的呢?
上面提到了個關(guān)閉窗口的功能,那么現(xiàn)在的自動關(guān)閉又是怎么實現(xiàn)的呢?
在源代碼<body>后加入下面的代碼:
< script LANGUAGE=“javascript”> <!--
setTimeout('window.close();', 10000);
--> < /script>
其中的set Timeout是一個用來設(shè)定延遲時間的函數(shù),這里10000表示10秒鐘
21> 如何更改瀏覽器中鼠標(biāo)的"外形"?
一般情況下,鼠標(biāo)在瀏覽器中以“箭頭”的樣式出現(xiàn),那么我們能不能把它更改為自己喜歡的其他樣式類型呢?
改變鼠標(biāo)外形在DW中是通過“CSS樣式表”來實現(xiàn)的。
菜單“文字(Text)”-“CSS樣式表(CSS style)”-“Edit style sheet”,彈出樣式表的編輯窗口,也可以單擊快速啟動板中的CSS style按鈕找到,單擊“New”按鈕,選擇默認(rèn)的“Make custom style”,同時在下面的Define中使該樣式只應(yīng)用到當(dāng)前網(wǎng)頁文檔,“This document only”。
在“樣式定義”窗口的左邊列表項中選擇“Extensing”(擴展項),相應(yīng)右邊設(shè)置
在“Cursor”(鼠標(biāo))中,下拉選擇合適的外形即可,確定后返回,按F12在瀏覽器中觀察效果,不滿足的話,還可以對樣式進(jìn)行修改。
22>如何去除掉鏈接文字下面的下劃線?
在我們完成鏈接制作后,鏈接文字內(nèi)容往往被自動在下面添加一條下劃線,用來標(biāo)示該內(nèi)容包含超級鏈接。當(dāng)一個網(wǎng)頁中鏈接比較多時,就顯得有些雜亂的感覺了,其實我們可以很方便的把它去掉。
同樣進(jìn)入“Edit style sheet”窗口,單擊“New”確立新樣式,這里的Type(類型)中,需要選擇的是“Redefine HTML Tag”,同時在具體的標(biāo)記Tag中選中代表超級鏈接的“a”,單擊OK。
編輯該樣式,左邊列表中選“Type”,勾取“Decoration”(修飾)中的“None”復(fù)選框,這時所有網(wǎng)頁中的鏈接文字下劃線都被清除掉了。
23> 怎樣讓鼠標(biāo)在鏈接文字上方“懸停”時,產(chǎn)生變色,變形等效果?
訪問網(wǎng)站時,我們碰到的最平常不過的一種效果就是“鼠標(biāo)懸停響應(yīng)”了,所謂的“鼠標(biāo)懸停響應(yīng)”表現(xiàn)在鏈接文字上,就包括改變顏色,修飾效果(下劃線,中劃線)等多種選擇。
由于這種效果很好的起到了對目標(biāo)內(nèi)容的強調(diào)作用,因此無論是個人網(wǎng)站還是一些大的商業(yè)網(wǎng)站(如新浪,搜狐,網(wǎng)易等)都有應(yīng)用。
在上個問題中,你已經(jīng)知道了去除掉鏈接下劃線的方法,這里不再贅述。下面的問題將是如何添加鼠標(biāo)響應(yīng)事件的過程。
同樣進(jìn)入“Edit style sheet”窗口,單擊“New”確立新樣式,不同的是現(xiàn)在的Type類型中選擇最后的一項-“Use CSS selector”,“Selector”選單中選擇“a:hover” OK,進(jìn)入編輯樣式窗口,設(shè)定“Type”項中的文字顏色為“紅色”,當(dāng)然你還可以添加鼠標(biāo)懸停時出現(xiàn)下劃線的效果。
24>如何讓網(wǎng)頁的背景圖片不跟隨內(nèi)容滾動?
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
猜你也喜歡看這些
- DreamweaverMX2004互動網(wǎng)站百寶箱for PHP
- 網(wǎng)頁制作三劍客經(jīng)典實例Flashmx,Dreamveaver,Fireworks
- Dreamweaver MX構(gòu)建PHP+MySQL站點
- Dreamweaver MX 2004中文版完全自學(xué)手冊
- 中文版Dreamweaver 8從入門到精通
- Dreamweaver 8 完美網(wǎng)站建設(shè)從入門到精通
- Dreamweaver視頻課程
- 巧學(xué)巧用Dreamweaver8制作網(wǎng)頁
- 呂聰賢dreamweaver視頻教程下載
- java實例教程在線支付系統(tǒng)制作
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-Dreamweaver制作網(wǎng)頁經(jīng)典問題大整理(4)
。