![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术·教程
文章平均质量分 71
Harry-iu
这个作者很懒,什么都没留下…
展开
-
Python+GitHub实现CSDN的自动签到抽奖+网易云签到,并用钉钉机器人通知
JavaScriptpython代码使用方法Github配置设置定时参考来源博客:【Harryの心阁】使用python+GitHub实现CSDN的自动签到,并用钉钉通知python代码import requestsimport os #加入环境变量if __name__ == '__main__': COOKIE = os.environ["COOKIE"] # 点击签到后在控制台从heard里面找到COOKIE USERNAME = os.environ["USERNA原创 2021-02-27 22:10:51 · 697 阅读 · 0 评论 -
jQuery的知识整理(2)-jQuery的元素操作,事件处理,委托
JavaScript元素操作事件注册/处理事件委托事件对象多库并存TodoList案例jQuery的尺寸jQuery的位置来源博客:【Harryの心阁】元素操作创建元素var li = $('<li></li>')添加元素内部添加 $('ul').append(li) 放到内容的后面, prepend 放到内容的前面外部添加 $('ul').before(li) 放到指定元素的前面,after放到后面,兄弟关系删除元素 $('ul').remove原创 2021-02-26 23:49:22 · 115 阅读 · 0 评论 -
制作自己的个人主页-H5
JavaScript仓库简介主页介绍Tab栏介绍仓库地址制作目的来源博客:【Harryの心阁】仓库简介此仓库用于JavaScript学习的实例化演示边学边做【演示站点】主页介绍本页面使用rem布局+flex布局加入了昼夜模式,可自动切换(使用了JavaScript)适配移动端,媒体查询主页标题使用 CSS3中的动画,还有文字阴影搭配使用Tab栏,昼夜交替使用了JavaScript排他思想,设置自定义属性主页加入【牛年灯笼特效】加入鼠标样式,底部引入导航信息栏-仿Rocket原创 2021-02-25 22:55:35 · 1541 阅读 · 0 评论 -
jQuery动态创建多个相同元素
1.创建元素使用jquery+for循环实现之前使用,定时器和,if判断 ,while等多种方法无法添加多个相同的元素,使用for循环一次性搞定 // 动态创建多个相同元素,使用for循环,每循环一次执行一次 for(var i = 0; i < $('.item').length;i++){ var li = $('<li></li>') $('.shuff').append(li); }2.出现问题使用原创 2021-02-24 19:12:31 · 923 阅读 · 0 评论 -
jQuery的基础知识,常用的API(1)
JavaScript什么是jQueryjQuery对象相互转化jQuery API筛选选择器筛选方法jQuery获取操作方法jQuery效果prop() 属性值attr()数据缓存获取内容元素操作来源博客:【Harryの心阁】什么是jQueryjQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动原创 2021-02-23 22:45:18 · 168 阅读 · 0 评论 -
Javascript的知识总结-轮播图,移动端+pc端
JavaScript网页轮播图自动播放节流阀返回顶部案例移动端事件移动端无缝滚动classList属性来源博客:【Harryの心阁】网页轮播图核心原理:使用动画函数,点击小圆圈,使用小圆圈的索引号来判断图片移动的距离使用getAttribute 通过自定义属性来记录小圈圈的索引号无缝滚动:克隆第一张,实现无缝跳转,克隆第一个节点cloneNode(),没有true浅克隆window.addEventListener('DOMContentLoaded', function () {原创 2021-02-21 23:32:57 · 178 阅读 · 0 评论 -
Javascript中缓动动画函数实例
scroll系列属性scrollTop/scrollLeft/ScrollWidth/scrollHeightoverflow:auto 使滑动自动显示页面被卷去的头部:可以通过window.pageYOffset获得如果是被卷的是左window.pageXoffset注意,元素被卷去的头部是elent.scollTop ,如果是页面被卷去的头部则是window.pageYoffset<body> <style> * {原创 2021-02-20 21:29:52 · 750 阅读 · 0 评论 -
Javascript中遇到的问题: 缓动动画函数的封装
JavaScript1.缓动函数 - 匀速运动2.代码展示3.调用实例来源博客:【Harryの心阁】1.缓动函数 - 匀速运动在匀速运动的过程中设置每次移动的距离如果大于1px,会使最后的目标位置变大,并且在封装过程中,if判断必须设置为>=,看一下样式效果看控制台console(obj.offsetLeft)的值可以看出在设置匀速运动时,如果每次移动的距离大于1px,最后得到的距离左侧的位置大于目标位置,再做判断时要设置为对象距离左侧的位置>=目标位置缓动动画函数 封装原创 2021-02-20 20:46:35 · 115 阅读 · 0 评论 -
JavaScript的知识总结(14)-网页特效-放大镜/跟随鼠标移动案例
JavaScript元素偏移量offset和styleclient系列立即执行函数来源博客:【Harryの心阁】元素偏移量offsetTop/Left,动态的获取位置,具有定位的父元素的距离,如果没有则以body为准offsetWidth/Height可以获取元素的大小 包括padding,borderoffsetParent返回带有定位的父亲,否则是body,parentNode返回最近一级 的父亲offset和stylestyle只能得到行内样式表中的样式值,并且获取的属性值是有原创 2021-02-19 22:39:29 · 204 阅读 · 0 评论 -
CSS3伪类元素 before和after 设置背景尺寸
JavaScript伪类元素来源博客:【Harryの心阁】伪类元素是行内元素,直接设置宽和高是没有反应的,使用相对定位absolute或者给伪类元素加display:block/inline-block 才能设置宽高要注意content中如果设置图片后,无法控制其大小将图片用作背景效果,通过background-size控制其大小,而且要注意先写background:url()再写background-size否则效果无法实现错误示范section ul a:nth-child(2原创 2021-02-19 14:32:41 · 3246 阅读 · 1 评论 -
给你的博客顶部添加灯笼特效,牛气冲天
查看toc查看效果自定义内容源码如下来自博客:【Harryの心阁】,原创转载请标明出处,谢谢❤查看效果[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Za8ggMY0-1612341634904)(https://7.dusays.com/2021/02/03/21a146a79535d.gif)]演示站点: 点击这里自定义内容可自定义灯笼字体/* 修改灯笼的字体 */.d-box .d1::after{ content: '牛年吉祥';}原创 2021-02-03 16:44:14 · 458 阅读 · 0 评论