jQuery实现单击和取消。

jQuery实现单击和取消。
赞美之词,网络语言,表示赞许,爱。

网络语言是网络社区的好评功能。赞美是发送和收获量的偏爱,偏袒,等等,在某种程度上,反映了你是什么样的人,你是什么样的状态。后面的赞美,反映了自己的观点。它对应于该功能被取消。最近对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.
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部