Web
关注
分享
扫一扫
Web网站开发
yu_wen_
这个作者很懒，什么都没留下…
展开
-
关于谷歌浏览器视频有灰底的解决方法
video{-webkit-filter: brightness(99.5%);}数值越高，越白，有可能会覆盖原有的灰色。原创 2021-04-20 16:36:52 · 2101 阅读 · 0 评论 -
纯css 使元素像画卷一样展开或者横向展开
效果如图代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .原创 2021-04-20 16:34:36 · 1014 阅读 · 0 评论 -
页面滚动时显示动画 WOW.js+animate.css
wow官网：https://www.delac.io/wow/animate官网：https://animate.style/一、引用建议头部引用<head> <link rel="stylesheet" href="http://mynameismatthieu.com/WOW/css/libs/animate.css"> <script src="http://mynameismatthieu.com/WOW/dist/wow.min...原创 2021-01-20 15:40:44 · 607 阅读 · 0 评论 -
一个样式控制两个元素变化
这样只需要用js控制控制li-active的有无了原创 2020-09-29 16:56:50 · 118 阅读 · 0 评论 -
media媒体查询从移动端到PC端的适配
第一种最开始用的从，修修补补成了这个样子，不能复用，但是很清楚/* 小于768 ipad*/@media screen and (max-width:768px) { html {font-size: 18px;}}/*小于 480px 手机*/@media screen and (max-width:480px){ html {font-size: 16px;}}/*768-1023*/@media screen and (min-width:769px) an原创 2020-09-29 16:30:12 · 2907 阅读 · 0 评论 -
导航缩放动画效果 纯css
最终效果原本我是看这个文章写的https://blog.youkuaiyun.com/xutongbao/article/details/82683582但是我后来发现，不需要这么麻烦，直接用transform就可以搞定缩放这是html布局这是其中一部分css样式，就是这个transform旋转属性以下是全部代码<!DOCTYPE html><html lang="en"> <head> <meta cha...原创 2020-08-20 11:56:48 · 364 阅读 · 0 评论 -
jQuery 按钮防抖函数debounce 立即执行和延后执行
最近在做轮播图，但是多次点击下一步会有bug，于是想到了防抖函数。但是看到的都是jquery延后执行的防抖函数，而且两种模式的防抖函数没有结合在一起，于是找了很久。防抖函数function debounce(func, wait,immediate) {//func是要执行的函数，wait是毫秒数，immediate是是否要执行的参数，true立即执行，false延后执行 let timerout; return function () {转载 2020-08-20 10:48:56 · 3445 阅读 · 0 评论 -
第一次项目总结经验(能力开放平台)
这个项目基本完工花了7天，前端页面2天，js部分2天，前后端联调1天，优化代码修改bug2天，到现在终于完工啦。这个项目里我总结的最大经验就是一段相同代码不要出现超过三次，要提炼成为公共方法或者公共样式。目录HTML部分CSS部分JS部分HTML部分1.<link rel="shortcut icon" href="../images/favicon.ico" />改变浏览器标签图标2.链接或者引用最好用下载下来，用本地的3.页面头部的导航和尾部原创 2020-08-12 16:56:23 · 377 阅读 · 0 评论 -
ie11的锚点失效
今天遇到一个很奇葩的兼容问题一个页面的锚点在其他浏览器都可以，但是在ie11中失效了找了很久，才解决那就是锚点id复杂一点，不要和a重复了，大小写不同也不可以！！！原创 2020-08-12 15:15:40 · 311 阅读 · 0 评论 -
document.write()使用时的注意事项
1.默认不会换行可以用+号，自己换行2.在HTML文档加载完成后，使用document.write()输出将会覆盖原有所有HTML；<html> <head> </head><body> <p>原本的HTML</p> <script type="text/javascript"> document.write("document方法") </script&原创 2020-08-03 13:39:06 · 1374 阅读 · 0 评论 -
normalize.css下载
https://www.bootcdn.cn/normalize/右键 另存为原创 2020-07-28 10:36:54 · 6149 阅读 · 0 评论 -
jQuery个人学习笔记
jQuery就是一个封装了很多方法的js库，学习jQuery就是i学习方法的使用。使用jQuery：引入jQuery文件写一个入口函数2.1$(document).ready(function(){ });2.2.$(function(){ alert("jQuery") });jQuery版本：1.*** 支持老浏览器比如ie678 停止更新2.***不支持 停止更新3.***不支持原创 2020-07-28 10:37:51 · 213 阅读 · 0 评论