DOM BOM中的主要案例

2022-06-23 11:39:09 字數 2084 閱讀 3925

顯示隱藏文字框內容

//滑鼠點選時文字框預設內容消失,未點選則繼續顯示

首先表單需要兩個新的事物 獲得焦點onfocus 失去焦點onblur

"

text

" value="

手機">

3.**隔行變色滑鼠經過**中的列時,此列顏色改變,滑鼠離開時,顏色恢復

下面的**實現的是滑鼠經過**頭不變色,滑鼠經過**體變色

4.表單全選和全選取消按鈕按鈕

案例分析

讓下面核取方塊的checked屬性全部跟隨上面的按鈕

下面核取方塊需要全部選中,上面的核取方塊才能選中。可以為下面所有的核取方塊繫結點選事件,每次點選,都要檢視其它的核取方塊是否選中,若都選中,則上面的核取方塊選中。

4.tab欄切換(重點案例)

滑鼠經過時顯示下拉列表,滑鼠離開時下拉列表消失

首先,初始時不出現下拉列表的,所以css中下拉列表設定為display:none;

jquery版

"">微博

"">微博

核心思路:點選發布之後,動態建立乙個li,新增到ul裡面,

建立li的同時,將文字域裡面的值通過li.innerhtml賦值給li

發布

發布
動態生成**

"en

">"

0">

姓名科目成績

操作

模擬京東按鍵輸入內容案例

核心思路:檢測使用者是否按下了s鍵,若是,則游標自動定位到搜尋框裡面。

搜尋獲得焦點:js裡面的focus()方法

"

text

">

模擬京東快遞單號查詢

案例分析

1.快遞單號輸入內容時,上面的大字型大小字型盒子(con)顯示

2.表單檢測使用者輸入,給表單新增鍵盤事件

3.同時把快遞單號裡面的值獲取過來賦值給con盒子作為內容

4.如果快遞單號為空,則隱藏裡面的大盒子

5秒自動關閉廣告簡單版

五秒後自動隱藏

註冊時傳送簡訊案例1.點選傳送按鈕後按鈕禁用,且顯示還剩多少秒可以再次點選

手機號碼:傳送

實現五秒後頁面的自動跳轉

點選

獲取滑鼠在盒子內的座標

在盒子內點選,得到滑鼠距離盒子左右的距離

1.首先得到滑鼠在頁面中的座標(e.pagex,e.pagey);

2.得到盒子在頁面中的距離(box.offsetleft,box.offsettop);

3.用滑鼠距離頁面的距離減去盒子距離頁面的距離即可

4.如果想要移動一下滑鼠,就可以獲取最新的滑鼠座標,使用mousemove

下圖css**未展示

尋找陣列中的主要元素

對於乙個大小為n的整數陣列,將其中出現次數大於n 2的元素稱為主要元素,例如中主要元素是5,而中則沒有。似乎是乙個統計陣列元素出現次數的問題,因此尋找出現次數最多的元素的解法在這裡也適用。不過該問題有乙個特點 即要求元素出現次數過半。因此,如果存在這樣的主要元素x,將它與陣列所有元素進行比較,相等則...

STL中主要的演算法 一

一。replace 替換演算法將指定元素值替換為新值,使用原型例如以下,將迭代器 first,last 中值為old value的元素所有替換為new value值。函式原型 template class forwarditerator,class t void replace forwardite...

Object類中的主要結構

public object 構造 構造器 public boolean equals object obj 普通 物件比較 public int hashcode 普通 取得hash碼 public string tostring 普通 物件列印時呼叫 和equals區別 運算子 1.可以使用在基本...