Visual Studio 2015中想在網(wǎng)頁(yè)中制作一個(gè)按鈕,單擊后就會(huì)在網(wǎng)頁(yè)中顯示文本,該怎么制作這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程。
1、首先,設(shè)置在網(wǎng)頁(yè)中顯示文本的格式,文本的高度為100像素,寬度為280像素。
2、定義顯示文本的字體大小為22像素,離左側(cè)和右側(cè)的距離設(shè)置為自動(dòng),離頂部的距離設(shè)置為15像素。
3、接著,用font標(biāo)簽在網(wǎng)頁(yè)中插入要顯示的文本。
4、由于顯示的文本內(nèi)容是動(dòng)態(tài)控制的,所以設(shè)置一個(gè)標(biāo)識(shí)符poemsi,用來(lái)動(dòng)態(tài)表示顯示的詩(shī)句。
5、然后,在網(wǎng)頁(yè)中插入一個(gè)按鈕,如下圖所示。
6、按鈕的高度為33像素,寬度為100像素,離左側(cè)和右側(cè)的距離為自動(dòng),離頂部的距離為20像素。
7、用type屬性,定義按鈕的類型為button。
8、定義按鈕的標(biāo)簽為顯示,單擊后執(zhí)行的函數(shù)為show。
9、按鈕的背景色值為#aaeded,字體大小為20像素。
10、然后,定義show函數(shù),用function方法定義函數(shù)名。
11、給詩(shī)詞變量poemsi賦值,本例為古詩(shī)草的詩(shī)句。
12、最后,使網(wǎng)頁(yè)顯示變量中的值,即顯示詩(shī)句。
13、在瀏覽器中瀏覽網(wǎng)頁(yè),單擊網(wǎng)頁(yè)中的顯示按鈕后,自己設(shè)置的詩(shī)句內(nèi)容就在頁(yè)面中顯示出來(lái)。
以上就是vs205用按鈕控制文本動(dòng)態(tài)顯示的技巧,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注VEVB武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選