網頁中實現單擊按鈕后動態顯示文本
可以或許實現交互功能的網頁，用戶會更喜好，此刻想在網頁中建造一個按鈕，單擊后就會在網頁中顯示文本，該若何實現呢？筆者以顯示一首詩為例，與大師分享一下操作經驗。
東西/原料
- Visual Studio 2015
方式/步調
- 1
起首，設置在網頁中顯示文本的格局，文本的高度為100像素，寬度為280像素。
- 2
界說顯示文本的字體巨細為22像素，離左側和右側的距離設置為主動，離頂部的距離設置為15像素。
- 3
接著，用font標簽在網頁中插入要顯示的文本。
- 4
因為顯示的文本內容是動態節制的，所以設置一個標識符poemsi，用來動態暗示顯示的詩句。
- 5
然后，在網頁中插入一個按鈕，如下圖所示。
- 6
按鈕的高度為33像素，寬度為100像素，離左側和右側的距離為主動，離頂部的距離為20像素。
- 7
用type屬性，界說按鈕的類型為button。
- 8
界說按鈕的標簽為顯示，單擊后執行的函數為show。
- 9
按鈕的布景色值為#aaeded，字體巨細為20像素。
- 10
然后，界說show函數，用function方式界說函數名。
- 11
給詩詞變量poemsi賦值，本例為古詩草的詩句。
- 12
最后，使網頁顯示變量中的值，即顯示詩句。
- 13
在瀏覽器中瀏覽網頁，單擊網頁中的顯示按鈕后，本身設置的詩句內容就在頁面中顯示出來。
注重事項
- 作者聲明：本篇經驗系本人辛勤奮動的原創當作果，未經許可，回絕轉載。
- 發表于 2018-05-07 00:00
- 閱讀 ( 855 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章