赞美之词,
网络语言,表示赞许,爱。
网络语言是网络社区的好评
功能。赞美是发送和收获量的偏爱,偏袒,等等,在某种程度上,反映了你是什么样的人,你是什么样的状态。后面的赞美,反映了自己的观点。它对应于该功能被
取消。最近对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.