按讚,網路用語,表示「贊同」、「喜愛」。
此網絡語源自於網路社群的「讚」功能。送出和收穫的讚的多少、讚的給予偏好等,在某種程度能反映出你是怎樣的人以及處於何種狀態。點讚的背後,反映出你自己。與之對應的便是取消功能。恰巧最近部落客在一款APP,其中一個版塊需要實現點讚和取消功能,經過思考決定用JQuery代碼實現它,好了廢話不多說,上乾貨! !
首先要引入JQuery外掛
#其次,我們需要定義一個div,並且給它一些樣式
# 然後就是JS程式碼了,如下圖
$(document) .ready(function(){
var onOff=true;
var div=$(".div");
# div.click(function( ){
if (div.onOff) {
div.val("留意我");
div.css({"background.css({"background":'
## div.css({"background. }); div.onOff = false; } else { div.css({"background":'red'}); #' # div.val("已關注"); div.onOff = true; } });>
#實現效果如下
#可見JS程式碼是好用的,同樣的,也可以實現圖片切換效果如下圖其實作程式碼如下
html:
##.div{
background-image: url(img/guanzhu.png); width: 100px;height: 40px; # } JS程式碼 $(document).ready(function(){ var onOff=true; var div=$(".div");卷[ div.css({"background-image":'url(img/guanzhu.png)'}); div.onOff = false;# # div.css({"background-image":'url(img/yiguanzhu.png)'}); div.onOOff#ff div.onOOff
#ff }); });以上是JQuery怎麼實現點擊關注和取關的功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!