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、在瀏覽器中瀏覽網頁,單擊網頁中的顯示按鈕后,自己設置的詩句內容就在頁面中顯示出來。
以上就是vs205用按鈕控制文本動態顯示的技巧,希望大家喜歡,請繼續關注VEVB武林網。
新聞熱點
疑難解答