自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 【css】背景躁点

【css】背景躁点动画

2024-07-16 14:24:41 205

原创 文字闪烁故障动画

【动画】文字闪烁故障动画。

2024-07-16 14:04:56 198

原创 鼠标移动产生方块跟随效果

【代码】鼠标移动产生方块跟随效果

2024-07-15 16:37:11 144

原创 css 无缝轮博

css 无缝轮博

2024-04-03 16:04:56 120 1

原创 css的波纹动画

【代码】css的波纹动画

2024-03-06 10:56:03 136 1

原创 【文字动画】字符乱序显示

文字乱序显示

2024-02-27 13:25:23 138

原创 序列的页面优化

序列的每一帧都需要通过JavaScript代码或其他方式进行处理和渲染,这可能会导致性能下降,尤其是在旧的设备或性能较低的浏览器上;:每个序列通常有150帧左右,而为了减小页面资源加载,在支持webp图片的浏览器中需要加载webp图片,所以一共需要放置300张图片到文件夹中,文件可以达到几十兆;目前产品页面加载对于根据鼠标滚动播放的画面多以序列帧的表现形式,此方式加载会使浏览器内存占用过高,渲染不及时会导致页面掉帧等其他性能问题,本次方案主要。:页面序列帧和视频的加载时间都会有不同程度的影响用户体验。

2023-07-20 15:28:44 79

原创 针对video在安卓手机不能正常播放的解决方案

android手机不能正常播放视频的浏览器将视频替换成webp动图

2023-07-20 15:21:02 1859 1

原创 浏览器兼容ie10

if($.browser.msie&&($.browser.version == "10.0") ){ // console.log("aa"); // 执行内容 $('#js-wrapper').css({ transform : 'matrix(1, 0, 0, 1, -50569, 0)' });}

2020-05-09 14:32:17 202

原创 鼠标移动跟随效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do

2020-05-09 10:35:16 565

原创 判断dom在可视区

let width = $(window).width();let $dom = $('.box');let judgePosition = (target) => { return (target.offset().left <= width) && (target.offset().left + target.width() >=...

2020-05-08 17:29:06 577

原创 图片用作文字背景(动态)

【代码】图片用作文字背景(动态)

2019-12-23 18:43:16 131

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除