星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間(14天內)解除所有試玩版本限制直到7小時耗盡,如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049
2020-11-30 03:45:43
下面是使用html+css+jquery來完成點選按鈕時顯示/隱藏圖片的功能,主要用到了jquery中的一個toggle()方法。
首先建立一個html檔案,然後在body下建立一個div,該div下只有一個button和一個img
然後通過style的標籤來新增css的樣式,這個css主要是用來定義div的顯示效果。比如寬、高、居中等。
此時通過瀏覽器執行html可以看到如下的效果。外觀上已經實現,但是因為沒有新增js或者jquery,所以沒有點選按鈕沒有效果。
接下來我們通過script標籤中的src屬性來引入jquery庫檔案,因為是jquery本身就是一個封裝的js,所以是用javascript的引入方式。
然後什麼也不說我們先來一個jquery的載入函數,這是必須的,否則有可能出錯。
然後通過id獲取按鈕元素,再給它繫結一個點選事件。
在按鈕的點選事件中,通過id獲取img元素,再呼叫toggle()方法實現對該圖片顯示/隱藏。
完成上面是程式碼之後,就可以實現點選按鈕顯示或者隱藏圖片了。之所以可以完成這個功能,是因為toggle預設切換hide()和show()
如果你在toggle()方法自定義多個方法,則toggle()是切換你的方法,toggle語法實際如下:
$(selector).toggle(function1(),function2(),functionN(),...)
相關文章
星海爭霸21全功能兌換碼新手獎勵1、7小時遊戲時間(14天內)解除所有試玩版本限制直到7小時耗盡,如種族、匹配模式、戰役、地圖等詳細資訊(150119更新)4505624695013984483730049
2020-11-30 03:45:43
我們經常會玩決勝時刻戰區遊戲,但是有很多朋友不知道決勝時刻戰區國際服註冊方法,下面就詳細說下決勝時刻戰區國際服註冊方法。1首先我們開啟自己電腦中的瀏覽器,比如360瀏覽器
2020-11-29 16:08:59
決勝時刻黑色行動4的應用獲取的方法。1準備好網路的網速,開啟瀏覽器的頁面。 2決勝時刻黑色行動4將其輸入到搜尋頁中,點選搜尋。 3選擇圖中展示的決勝時刻黑色行動4中文版網頁
2020-11-29 16:06:30
決勝時刻是一個很好玩的遊戲,但是安裝過程比較困難,下面小編和你分享一下經驗! 1一般有很多個壓縮檔案的那種,任意解壓一個壓縮包之後會生成一個映象用虛擬光碟機載入,之後按用光
2020-11-29 10:07:32
小編教你決勝時刻9BO2.怎麼安裝,希望你的生活多姿多彩~ 1首先,你買的基本可以確定,是盜版,或者說所謂的偽正版——同學,多去steam吧或者戰地3吧看一看,會提高你對盜版/偽正版的鑑
2020-11-29 05:49:58
目前很多決勝時刻的玩家都在找版本10的中文版,其實現在正版的當中還沒有中文,退而求其次吧,小編這裡分享一些貼圖大家參考一下 1基礎選單,直接看圖片吧 2基礎選單,直接看圖片吧 3
2020-11-29 05:29:49