HTML点赞功能
发布网友
发布时间：2022-04-22 00:56
共10个回答
热心网友
时间：2022-04-22 19:24
HTML+CSS网站点赞和打赏的功能，实现方法如下：
1、HTML代码：
<body><div class="thumbs_content">
<a href="javascript:void(0)" class="thumbs_button fa fa-thumbs-up" title="点赞，支持一下"> 点赞</a>
<a href="javascript:void(0)" class="reward_button fa fa-money" title="打赏，支持一下"> 打赏</a>
<span class="clear"></span>
</div>
</body>
2、CSS代码如下：
.thumbs_content{
width: 291px;
margin: 0 auto;
}
.thumbs_button{
float: left;
width:145px;
text-align: center;
margin:5px auto;
height: 45px;
line-height: 45px;
background-color:#444;
color:#fbfbfb;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:16px;
transition: all 0.3s;
border-radius: 0 0 0 25px;
-webkit-border-radius: 0 0 0 25px;
-moz-border-radius: 0 0 0 25px;
-o-border-radius: 0 0 0 25px;
}
.reward_button{
float: left;
width:145px;
text-align: center;
margin:5px auto;
height: 45px;
line-height: 45px;
background-color:#cd4450;
color:#fbfbfb;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:16px;
border-left:1px solid #fbfbfb;
transition: all 0.3s;
border-radius: 0 25px 0 0;
-webkit-border-radius: 0 25px 0 0;
-moz-border-radius: 0 25px 0 0;
-o-border-radius: 0 25px 0 0;
}
.thumbs_button:hover, .reward_button:hover{
opacity:0.8;
font-size:18px;
}
.clear{
clear:both;
}
</style>
3、效果图：
热心网友
时间：2022-04-22 20:42
var paramJSON = {参数1:"值0"，参数2:"值1"};
//URL路径为你提交到后台录入数据库的操作，也就是你的图片对应的路径
//paramJSON为你需要传递的参数 可选
//function回调函数为你点赞录入数据库后返回的消息，比如是否录入数据库成功等
$.post("URL路径", paramJSON,
function(data){
alert("Data Loaded: " + data);
});
热心网友
时间：2022-04-22 22:16
HTML没法做这个，只能做临时的，关闭浏览器又变成原始的数字了追问js呢？
追答js只能实现他的业务方法
热心网友
时间：2022-04-23 00:08
$("#btn").click(function () {
var count = $("#lbl").text();
count++;
$("#lbl").text(count);
})
<input type="button" id="btn" value="赞" />
<label id="lbl">0</label>
追问可以写成文件格式？然后上传或发给我
热心网友
时间：2022-04-23 02:16
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xap="http://ns.adobe.com/xap/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmlns:xapMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:tiff="http://ns.adobe.com/tiff/1.0/" xmlns:exif="http://ns.adobe.com/exif/1.0/" xap:CreateDate="2016-09-18T11:18:07+08:00" xap:ModifyDate="2016-09-18T11:20:18+08:00" xap:MetadataDate="2016-09-18T11:20:18+08:00" xap:CreatorTool="Adobe Photoshop CS3 Windows" dc:format="image/jpeg" photoshop:ColorMode="3" photoshop:History="" xapMM:InstanceID="uuid:1735C7B54E7DE61190A49A7CCB0C6B68" tiff:Orientation="1" tiff:XResolution="960000/10000" tiff:YResolution="960000/10000" tiff:ResolutionUnit="2" tiff:NativeDigest="256,257,258,259,262,274,277,284,530,531,282,283,296,301,318,319,529,532,306,270,271,272,305,315,33432;187CE6B471FF12A6ACD2F43E71F30608" exif:PixelXDimension="650" exif:PixelYDimension="400" exif:ColorSpace="-1" exif:NativeDigest="368,40960,40961,37121,37122,40962,40963,37510,409,36867,36868,33434,33437,34850,34852,34855,34856,37377,37378,37379,37380,37381,37382,37383,37384,37385,37386,37396,41483,41484,41486,41487,41488,41492,41493,41495,41728,41729,41730,41985,41986,41987,41988,419,41990,41991,41992,41993,41994,41995,41996,42016,0,2,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,20,22,23,24,25,26,27,28,30;30B3CF7EF56799A53D30CE58FD799F0D"/> </rdf:RDF> </x:xmpmeta>
热心网友
时间：2022-04-23 04:40
html只能做出样式，实现点赞需要js
热心网友
时间：2022-04-23 07:22
HTML只是一种标签语言，不能实现点赞
如果实现点赞的需要JS或者ASP,PHP等脚本语言！
热心网友
时间：2022-04-23 10:20
HTML响应式，现在最流行了
热心网友
时间：2022-04-23 13:34
js实现的 你想写在哪里 ？追问写在网站文章。如果可以请帮我写成文件格式。好的加分，不懂再问
追答var paramJSON = {参数1:"值0"，参数2:"值1"};
//URL路径为你提交到后台录入数据库的操作，也就是你的图片对应的路径
//paramJSON为你需要传递的参数 可选
//function回调函数为你点赞录入数据库后返回的消息，比如是否录入数据库成功等
$.post("URL路径", paramJSON,
function(data){
alert("Data Loaded: " + data);
});
这个写的很详细 你看看 不过需要永久存储数据必须需要你链接数据库才可以
热心网友
时间：2022-04-23 17:06
http://www.qwqk.net/news4668.html
