<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>praise</title> <script type="text/javascript"src="jquery.min.js"></script> <style> .praise {     width: 40px;     height: 40px;     margin: 50px auto;     cursor: pointer;     font-size: 12px;     text-align: center;     position: relative; } #praise {     display: block;     width: 40px;     height: 40px;     margin: 0 auto; } #praise-txt {     height: 25px;     line-height: 25px;     display: block; } .praise img {     width: 40px;     height: 40px;     display: block;     margin: 0 auto; } </style> </head> <body> <div class="praise"> <span id="praise"><img src="zan.png"id="praise-img"/></span> <span id="praise-txt">1455</span> </div> <script> $(function() {     $("#praise").click(function() {         var praise_img = $("#praise-img");         var praise_txt = $("#praise-txt");         var num=parseInt(praise_txt.text());         if(praise_img.attr("src") == ("yizan.png")) {             $(this).html("<img src='zan.png' id='praise-img' />");             num -=1;             praise_txt.text(num)         }         else {             $(this).html("<img src='yizan.png' id='praise-img'/>");             num +=1;             praise_txt.text(num)         }     }     ); } ) </script> </body> </html>
点赞 1

相关推荐

牛客网
牛客网在线编程
牛客网题解
牛客企业服务