如何創建一個文本選擇器
文本選擇器，是用戶在瀏覽頁面的同時，通過點擊鼠標來改變頁面或者文本內容的一個效果，如背景圖片，字體樣式，網頁布局等，下面，咱們就開始制作一個文本選擇器吧！
工具/材料
webstorm
操作方法
-
01
打開編譯環境(webstorm),在工程文件夾里面新建一個HTML文件：
-
02
把所需要的包如jquery，bootstrap,angular等引入到HTML文件中
-
03
在angular.js文件下方創建一個名為myapp的模塊。
-
04
定義一個控制器，并搭建視圖與網頁內容之間的通信橋梁。
-
05
在控制器里面定義一個變量，變量的值為“歡迎來到IT樂園”，在<div>標簽里面輸出變量的值。
-
06
運行程序，如果網頁中顯示的內容與變量的值相等的話，說明：通信橋梁已搭建成功。
-
07
新建一個div標簽，在div標簽里面創建一個btn按鈕和調用點擊事件。
-
08
為div標簽添加樣式，邊框，并把所有的網頁內容居中顯示：
-
09
運行程序。
-
10
在控制器下方增加點擊事件。
-
11
運行程序，點擊按鈕，是不是有變化了呢！
- End
- 發表于 2017-11-29 00:00
- 閱讀 ( 736 )
- 分類：電腦網絡
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章