【编程之美17期】给你点32个赞

程序员的惊奇之处就是别人用工具学习怎样做的时候,你早已用你的几行代码实现了自己想做的事情~

这一期很简单
就是点赞,点一下图标+1赞
当然我也很乐意大家给本帖点赞=。=

“编程之美,让你爱上编程的美。”

挑战下面编程题目,

一起体验编程的乐趣!


本期任务:
点赞
(图片素材可以直接用我这个大拇指
基本要求:
1.点一下图标,赞+1

挑战:
1.给点赞+特效(例如变色、闪烁)


参与方式:
直接将代码回复在本帖下即可

大家加油哦!!


编程之美独有福利:


这个栏目就是为了培养大家编程动手习惯并且提高编程能力的一个平台,我们现如今给参与这个栏目的提供如下福利:
  1. 源码分享
  2. 每周评比编程之星(奖励牛客大礼包一份,这回是充满惊喜,每个大礼包里不一定包括什么)
  3. 企业实习工作机会
  4. 参与开源项目
  5. 不定期的分享讲座
等等等等!我们想进行一些不一样的玩法,让学习变得更有趣!无论你找到工作与否,即使是已经工作了,你也要有一个练手交流的平台~


当然啦,重要的是来练习自己的编程能力,分享代码,交流技术的过程,这个过程中,你提升的不只是一点点~

为了让牛友能够更高效,更好的学习,特意为大家建了一个群:牛客编程之美源码群 595665246,只给真正想参与这个栏目和真正想学习的人开放,会在群里定期分享源码,只让真正想学习的人来参加,所以只有参与栏目(在本栏目下发出自己的代码的)才能加,加的时候备注一下牛客昵称~


编程之星

每一期的玩法都不一样!每一期的编程之星的规则也不一样~~重要的是人人都参与进来

本期编程之星评比规则:由评委来评选~

注:因为目前群成员比较多,本着只让真正想参与的人进来的原则,可能后期会整理群啦,对这个没有兴趣的我们就会把位置让给真正有兴趣参加的人啦~

栏目介绍

编程之美,是牛客网推出的新栏目,每周推出一个项目供大家练手讨论交流。

如果你有想实现的项目问题,欢迎私信牛妹~

另外!另外!如果有好玩的项目题目可以私信牛妹,一经采用有奖励哦~~

如果你有写博客或者公众号的习惯,也欢迎加牛妹qq:1037532015私信。


全部评论
<!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>
点赞 回复 分享
发布于 2017-09-28 18:15
<!doctype html> <html> <head> <style> @keyframes blink {   0% {     background-position: 0;   }   100% {     background-position: -1020px;   } } .likeNum{     padding: 1px;       font-size: 20px;      } .like-container{     display: flex;     align-items: center; } .like-container > *{      display: inline-block; } a.like{   pointer: cursor; } .like > span{   display: inline-block;   width: 64px;   height: 64px;   background: url(http://oncn5i9yi.bkt.clouddn.com/downloadxxx.png) left no-repeat;   background-position: 0  0; } .blink{   animation: blink steps(17) 0.5s 1 both; } </style> </head> <body>  <div class="like-container">  <a class="like"><span></span></a>  <span class="likeNum">赞</span>  </div> <script> </script> <script>   document.addEventListener("DOMContentLoaded", function(e) {    let node = document.querySelector("a.like");    node && node.addEventListener("click", (event) => {           event.stopPropagation();           event.preventDefault();           let target = event.target.tagName.toUpperCase() == "SPAN" ? event.target :   event.target.parentNode;           target.classList.toggle("blink");              });   }); </script> </body> </html>
点赞 回复 分享
发布于 2017-10-01 15:53

相关推荐

刷牛客的我很豁达:你是不是对算法有什么误解,你没手握两篇顶刊顶会,还想搞算法岗,有顶刊顶会在算法岗算才入门
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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