要實現這個功能，你需要使用JavaScript來監(jiān)聽按鈕的點擊事件，并在事件處理程序中將輸入內容添加到指定的ltspan標簽中以下是一個示例代碼，可以幫助你實現這個功能htmllt！DOCTYPE html lthtml lthead lttitle自動添加內容。

3瀏覽器運行indexhtml頁面，此時成功將矩形圖片只顯示了正方形部分4點擊小圖后，成功顯示了大圖。

3在testhtml文件內，分別設置button標簽的class屬性為bbtt，用于下面獲得button對象4在js標簽內，使用ready方法在頁面加載完成時，執(zhí)行function方法5在function方法內，通過class獲得button對象，給它們綁定click點擊。

lt！DOCTYPE HTMLlthtmlltheadlttitle念奴嬌lttitleltmeta charset=UTF8 ltstyle type=quottextcssquot* margin 0padding 0border 0ulcontent width 1000pxheight 600pxmargin autooverflow。

1首先在電腦中打開Dreamweaver，然后在網頁設計中點擊編輯按鈕，就可以下拉2然后點擊這個二級菜單代碼折疊3接下來在這里就可以使用各種折疊的命令了，同樣還能使用他的快捷鍵按鈕4或者在代碼這里還可以直接點擊5。

稱作Tab效果，用JS實現的原理1點擊菜單，獲取被點擊菜單的索引值2隱藏下方所有菜單需顯示內容的容器3只顯示當前被點擊的菜單的內容容器說明索引值可通過自定義屬性獲取，也可以JS動態(tài)獲取Tab效果。

html中的ltscript標簽中，輸入js代碼#39button#39clickfunction $#39div#39css#39display#39， #39block#393瀏覽器運行indexhtml頁面，會有個顯示按鈕4點擊顯示按鈕，此時被隱藏的內容顯示了出來。

按照你的要求編寫的當點擊按鈕后，在當前頁面的文本框里顯示abc的html程序如下見圖把按鈕中的onclick代碼改成下面圖中的代碼就可以實現你的要求了注意其中test是form名稱，display是文本框名稱。

lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlelttitleltstyle type=quottextcssquotbody margin 0padding 0#hide display ltstyleltscript src=quot0。

ltbutton type=quotbuttonquot datatarget=quot#div2quot顯示id為div2的元素里的內容ltbutton 為你的每個要點擊的按鈕加上datatarget屬性這是HTML5的data*特性，假設這些按鈕的共同父元素是 buttonwrap 那么就可以這樣用。

content1ltaltbr lta href=quotcontent1htmlquot target=quotcontentquotcontent1ltaltbr 也就是你在 menuhtml 這一部分的連接，點擊后都會在本頁的另一個區(qū)域content顯示沒有用frame就是一樓所說的標簽了。

鼠標移動到圖片上，顯示文字，簡單的方法是利用“title”例如ltimg src=quotindex4pngquot alt=quotHTML5在線制作quot title=quotHTML5在線制作quot 鼠標移動到4png圖片上時候，顯示出“HTML5在線制作”。

這是一個jquery簡單的table切換功能，希望可以幫助到樓主。

use different id for each div， and same name for all div that toggle in js function， use getElementsByName ltscript function isHiddenoDiv var allDiv = documentgetElementsByName#39toggle#39。

加個表單 ltform ltinput onFocus=quotifvalue==#39請輸入關鍵字#39value=#39#39quot value=quot請輸入關鍵字quot ltform 注意value里面的漢字必須一致，否則無效果。

centerdisplay OK ，下面就是JS部分首先需要引入一個JS庫，版本自己定義然后給按鈕添加相應的點擊事件，讓點擊button的時候，顯示出浮動層 quotbtnquotclickfunction quotdialogquotshow100。

其實，這些內容是在一篇文章中，但默認只顯示“標題1詳情點擊顯示”，如果讀者對“標題1”的內容感興趣，只要點擊它，就會將“內容1內容1內容1”顯示出來，我知道“JavaScript下拉菜單”，不知道是否能類似“JavaScript下拉菜單”那樣來展示我。