網(wǎng)頁設計教程 網(wǎng)頁設計,如何制作在點擊一個按鈕之后,才在一個div框中顯示文字圖片?
網(wǎng)頁設計,如何制作在點擊一個按鈕之后,才在一個div框中顯示文字圖片?只需將onclick事件添加到按鈕。這是一個案例。&Ltdiv id=“box”></div><button on
網(wǎng)頁設計,如何制作在點擊一個按鈕之后,才在一個div框中顯示文字圖片?
只需將onclick事件添加到按鈕。這是一個案例。&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
打開軟件后,單擊“新建”中的“HTML”創(chuàng)建一個空白的HTML網(wǎng)頁文件。
02
在“常用工具”選項卡下,單擊“媒體”下拉菜單。
03
在下拉菜單中選擇“flash video”,彈出保存提示框。讓我們單擊“確定”按鈕。
04
]確定后,我們將進入保存窗口。我們選擇合適的路徑,然后“保存”。
05
在“插入視頻窗口”中,在“URL”后的編輯框中輸入視頻地址,或單擊“瀏覽”在本地插入視頻。
06
要設置視頻在網(wǎng)頁中的顯示寬度和高度,建議檢查背面的“限制高寬比”,否則很容易使視頻變形。設置正確后,單擊“確定”。
這樣,視頻就會插入到新網(wǎng)頁中。點擊工具欄中的“調(diào)試”按鈕查看效果。
[08
插入的視頻可以正常顯示在網(wǎng)頁中,好嗎?
特別提示
注意這些步驟,你可以一步一步地學習