赞美之词,网络语言,表示赞许,爱。

网络语言是网络社区的好评功能。赞美是发送和收获量的偏爱,偏袒,等等,在某种程度上,反映了你是什么样的人,你是什么样的状态。后面的赞美,反映了自己的观点。它对应于该功能被取消。最近对APP的博客,一部分需要实现一些赞美和取消功能,思考后决定使用jQuery代码实现它,好了废话不多说,上干货!!

首先,应该引入jQuery插件。


第二,我们需要定义一个div并给它一些样式



然后js代码,如下所示


$(文档)Ready(函数(){)
VaR的=真;
var = $();
Div.click(function(){()
如果(div.onoff){
div.val(关注我);
Div.css({背景:# CCC});
div.onoff = false;
{人}
Div.css({背景:'});
div.val(已关注);
div.onoff =真;
}
});
});


执行结果如下


可以看出,js代码不错,同样可以实现图片切换效果,如以下


实际代码如下所示

Html:





CSS:注意图片路径


div {。
背景图像:URL(IMG /关注。PNG);
宽度:100px;身高:40px;背景尺寸:80px;背景重复:不重复;
}


JS代码


$(文档)Ready(函数(){)
VaR的=真;
var = $();
Div.click(function(){()
如果(div.onoff){
Div.css({背景图像:'url(IMG /关注。PNG)});
div.onoff = false;
{人}
Div.css({背景图像:'url(IMG / yiguanzhu。PNG)});
div.onoff =真;
}
});
});


The above is Xiaobian to introduce jQuery, click attention and cancel function, hope to help you, if you have any questions, please leave a message for me, Xiaobian will reply to you in time.Thank you for your support for the website.