關鍵是你沒弄明白html是起什么作用的就亂用。
在美定義代碼時html會自動套用默認代碼格式,如同用word模板創建文檔一樣。首先說答案,HTML網頁內容是可以通過JavaScript腳本來動態改變的。
你右鍵->源碼,看到的數據,是網頁最原始的代碼,這個時候,JavaScript腳本還沒開始執行。
而你右鍵->檢查,一般都是在JavaScript腳本執行后,做的操作。看到不一樣,是因為JavaScript改變了A標簽。
很多網站的原始網頁都是很簡單的,大部分數據通過Ajax請求獲取到后,再通過JavaScript顯示到頁面上。
1.
設置背景 將頁面背景設置為圖片填充,選中圖片并剪切,在設置背景格式中選擇圖片或紋理填充,最后點擊插入圖片來自剪貼板即可。
2.
插入文本框 在頁面中插入 4 個文本框,縱向隨機的輸入一些數字,并將文本框錯位擺放
3.
添加動畫 分別對四個文本框添加直線路徑動畫: 到這一步,數值滾動的大致效果就已經完成了:
4.
色塊遮擋 接著,我們要做的就是,使用色塊蓋住不需要展示的數字。 由于色塊和背景不融合,頁面看起來還很突兀!