網(wǎng)頁(yè)設(shè)計(jì)，如何制作在點(diǎn)擊一個(gè)按鈕之后，才在一個(gè)div框中顯示文字圖片？只需將onclick事件添加到按鈕。這是一個(gè)案例。&Ltdiv id=“box”></div><button on

網(wǎng)頁(yè)設(shè)計(jì)，如何制作在點(diǎn)擊一個(gè)按鈕之后，才在一個(gè)div框中顯示文字圖片？

只需將onclick事件添加到按鈕。這是一個(gè)案例。&Ltdiv id=“box”></div><button onclick=“addcontent（）”> button</button><script>函數(shù)addcontent（）{var odiv}=文檔.getElementById（“框”）oDiv.innerHTML=“這是添加的文本”“//oDiv.innerHTML=“<img src=”1。最小.jpg“/>”//添加圖片}</script>

~]：

Dreamweaver CS3

01

打開(kāi)軟件后，單擊“新建”中的“HTML”創(chuàng)建一個(gè)空白的HTML網(wǎng)頁(yè)文件。

02

在“常用工具”選項(xiàng)卡下，單擊“媒體”下拉菜單。

03

在下拉菜單中選擇“flash video”，彈出保存提示框。讓我們單擊“確定”按鈕。

04

]確定后，我們將進(jìn)入保存窗口。我們選擇合適的路徑，然后“保存”。

05

在“插入視頻窗口”中，在“URL”后的編輯框中輸入視頻地址，或單擊“瀏覽”在本地插入視頻。

06

要設(shè)置視頻在網(wǎng)頁(yè)中的顯示寬度和高度，建議檢查背面的“限制高寬比”，否則很容易使視頻變形。設(shè)置正確后，單擊“確定”。

這樣，視頻就會(huì)插入到新網(wǎng)頁(yè)中。點(diǎn)擊工具欄中的“調(diào)試”按鈕查看效果。

[08

插入的視頻可以正常顯示在網(wǎng)頁(yè)中，好嗎？

特別提示

注意這些步驟，你可以一步一步地學(xué)習(xí)