首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用原生JS实现鼠标点击爱心效果 !!!

    使用原生JS,实现鼠标点击爱心效果 !!! 引言: 在很多时候我们都需要实现鼠标点击出现图案或者文字这样的效果,对于用户而言,这样的体验是很极致的。其实实现起来也很简单,下面一起来学习一下吧。...文本上升效果 let i = 0 setInterval(() => { _this.style.top = this.y - 20 - i + 'px' i++ }, 10); 由于原生js...文字逐渐变淡效果 @keyframes remove { 100% { opacity: 0; } } 逐渐变淡的效果是通过css3动画来实现的很简单,动画是通过js来给元素绑定的...清除标签 Text.prototype.out = function (_this) { _this.remove() } setTimeout(function () { text.out...i++ }, 10); } Text.prototype.out = function (_this) { _this.remove

    5.8K30

    编写Chrome扩展程序

    的扩展程序很多,也很容易入门,可以来简单实现一下 看看 官方文档 或者翻译的文档:百度、360,慢慢就能实现出一个扩展程序来 每个扩展程序应用一般会包含: 一个manifest清单文件 html文件 js...calculator.html" }, "content_scripts": [{ "matches": ["*://www.cnblogs.com/*"], "js...": ["js/jquery.js", "js/content.js"] }] } 这就是需要的清单文件了,定义了程序的基本信息,这些字段的作用就自行去 文档 查看吧 文件目录结构为: ?...计算器的代码,之前那篇文章有了,这里就不贴了 要移除博客文章下的广告,是操作页面,所以应该在content_scripts文件里操作,即这里的content.js $('div[id^="ad_"]')....each(function() { var $this = $(this); console.log('remove', $this.attr('id')); $this.remove

    1.2K10

    javascript探秘之从零到一实现单向 & 双向链表

    总之链表结构在计算机底层语言中应用的比较多,当我们在用高级语言做编程时可能不会察觉,比如我们用javascript敲js的时候,其实我们在深入了解链表之后我们就会发现链表有很多应用场景,比如LRU 缓存淘汰...读到这里可能还是有点懵,接下来我们先用js实现一个链表,这样有助于理解链表的本质,后面笔者会总结一下链表和数组的对比以及优劣势,方便大家对链表有一个更加直观的认识。...2.原生javascript实现一条单向链表 在上面一节介绍的链表结构中大家可能对链表有了初步的认识,因为javascript中没有链表的数据结构,为了模拟链表结构,我们可以通过js面向对象的方式实现一个链表结构及其...//插入元素 this.insert = (pos, el) => {}; // 移除指定位置的元素 this.removeAt = (pos) => {}; // 移除指定节点 this.remove...null } };复制代码 2.6 移除指定节点 移除指定节点实现非常简单,我们只需要利用之前实现好的查找节点先找到节点的位置,然后再用实现过的removeAt即可,代码如下: // 移除指定节点 this.remove

    76620
    领券