12 2021 档案
摘要：我们在浏览网页的时候会碰见很多的子网页,它们内容不同但是排版都是大抵相同的 这是因为它们用的都是同一个子网页,只是根据我们点击的链接不同,后端给他传输了不同的内容. 我们要想实现这个功能,首先需要知道原理: 三个子页面,其实只有一个页面,只不过内容不同,所以我们只需要建一个页面例如text1.htm
阅读全文
摘要：之前在做项目时碰见原网站要求滚动到一定高度出现元素,我首先想到的是jQuery中的hide与fadein,sildeup结合,但是这样会有一个不理想的效果,当页面再次滚动到固定位置之上时,元素会再次消失,会非常影响体验和观感,于是我想到了另一个函数 animate if($(window).scro
阅读全文
摘要：我们平常在浏览页面时，经常会看见一些动态的页面效果，比如当滚动条向下移动时，随着滚轮的滚动会出现页面的一些布局元素。 这个效果在我们的网页设计中十分实用，是一个非常不错的动态效果。 我们抛开js那些复杂的运算不谈，使用jQuery实现差不多的效果其实是非常的方便的，毕竟jQuery是一个个封装起来的
阅读全文
摘要：游戏截图 这类游戏大家应该都玩过,那我们要通过html,css,js实现这个游戏 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de
阅读全文
摘要：分享一个轮播图快捷实现的网站 https://www.swiper.com.cn/ 我们自己实现轮播图大多使用js或者css的动画,进入这个网站可以直接复制源码进行实现 根据自己的需求选择合适的script链接 <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
摘要：js函数的调用 在使用js的函数中我们有时会有同一个函数多次使用的需求,而一个一个的调用函数会十分的麻烦,这时候我们可以将多次使用的函数先进行封装,然后调用,会十分的简单快捷 const box=document.getElementById('box') const box1=document.g
阅读全文
摘要：js实现两个方形div的碰撞事件 上篇文章我们实现了圆形div的碰撞事件,接下来我们来试试两个方形div的碰撞事件. 回顾一下上篇 原理大概就是先对一个div实现鼠标拖拽效果,使用onmouse函数 最后通过一个if判定,计算两个圆的圆心距离,当两个圆的半径之和小于这个圆心距离时else变色即可.
阅读全文
摘要：js实现两个圆形的碰撞事件,这个事件可以方便游戏的制作. 首先我们先新建两个圆形的div并稍加一些css进行装饰 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=
阅读全文
