DOM基礎3 19 程式設計練習

2021-09-22 10:02:16 字數 1018 閱讀 2638

3-19 程式設計練習

小夥伴們,今天我們學習了滑鼠事件,根據gif圖,補充**,實現下列功能:

(1)   當滑鼠在帶滾動條的文字框上滑動時,字型顏色變成紅色

(2)   當滑鼠移出帶滾動條的文字框時,字型顏色變成綠色

(3)   當滑鼠移動文字框的滾動條時,空白的文字框出現文字「內容滾動了」

任務第一步:通過id選取元素的方式獲得這兩個文字框

tips:帶滾動條的文字框和空白文字框

第二步:給帶滾動條的文字框繫結事件

(1)  繫結拖動滾動條時觸發的事件,當滾動條被拖動時,空白文字框出現文字「內容滾動了」

(2)  繫結滑鼠移動時觸發的事件,當滑鼠在帶滾動條的文字框上移動時,帶滾動條的文字框字型顏色變為紅色

(3)繫結滑鼠離開時觸發的事件,當滑鼠在離開帶滾動條的文字框時,帶滾動條的文字框字型顏色變為綠色

lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod,tempor incididunt ut labore et

dolore magna aliqua. ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea

commodo,consequat. duis aute irure dolor in reprehenderit in voluptate velit esse,cillum dolore eu fugiat

nulla pariatur. excepteur sint occaecat cupidatat non,proident, sunt in culpa qui officia deserunt mollit

anim id est laborum.

DOM基礎1 30 程式設計練習

1 30 程式設計練習 小夥伴們,今天我們學習了刪除物件屬性的方法,那麼接下來用刪除物件屬性的方法把預設 中p標籤的樣式全部去掉。乙個人的快樂,不是因為他擁有的多,而是因為他計較的少。靜坐常思己過,閒談莫論人非,能受苦乃為志士,肯吃虧不是痴人,敬君子方顯有德,怕小人不算無能,退一步天高地闊,讓三分心...

DOM基礎3 9 程式設計練習

3 9 程式設計練習 小夥伴們,今天我們學習了onblur和onfocus這兩個滑鼠事件,根據gif圖,補充 實現下列功能 1 當輸入框獲得焦點 如果輸入框值為空,提示 請輸入您的姓名 2 當輸入框失去焦點 如果輸入框值為空,提示 使用者名稱不能為空 並且邊框顏色變為紅色 如果輸入框值不為空,那麼沒...

Java基礎程式設計練習

練習題 輸入乙個3位的整型數,輸出其百位 十位及個位數 public class test1 練習題 判斷乙個數是否是素數 public class test2 if m 1 else if m i 練習題 百分制轉成等級制 public class test3 char ch switch m 1...