![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
小岳同学.
心中无女人,代码自然神。
展开
-
JavaScript案例合集(一)
循环精灵图和显示隐藏文本框内容利用for循环设置一组元素的精灵图背景正在上传…重新上传取消找到精灵图图片排列的规律 核心思路:利用for循环,修改精灵图片的背景位置background-position<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I.原创 2022-05-17 21:36:52 · 388 阅读 · 0 评论 -
API和Web Api
APIAPI(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。简单理解:API是给程序员提供的一种工具,以便能更轻松的实现想要的功能。Web APIWeb API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。现阶段我们主要针对于浏览器讲解常用的API,主要针对浏览器做交互效果。比如我们想要浏览器弹出一个警示框,直接使用alert('弹出')MDN详细AP原创 2022-05-04 21:35:29 · 460 阅读 · 0 评论 -
JS实现导航栏下滑悬浮透明置顶
如果仅仅想把导航栏固定,添加以下属性即可:style="position: sticky;"注:前提是你已经写好了导航栏。如果想将导航栏下滑悬浮透明,请参照如下方式:给header盒子(整个导航的盒子)添加id="headerTop"并添加以下css样式:#headerTop{ /*使导航栏固定在顶部*/ position: fixed; top:0; left: 0px; z-index: 1000; /*一开始就不给导航..原创 2022-04-17 00:00:59 · 1440 阅读 · 0 评论 -
CSS实现背景图毛玻璃效果和如何保持图片上的文字显示正常
说明因为我的底子特别的差(大佬勿喷),今天想让文字在图片上方显示,并且给图片模糊,结果当图片模糊之后也就是实现毛玻璃效果后,发现图片上的文字也模糊掉了,这个问题当然可以用伪元素的方式解决,但是由于某些原因,这里不能使用伪元素。然后我找到了filter(滤镜)属性,他主要是运用在图片上,以实现一些特效。然后用滤镜属性进行模糊后,发现他的效果是下图这样的:此时文字正常显示了,图片也模糊,但是我又遇到一个问题,就是如果图片是白色的,即使模糊掉,文字显示的效果也很差,比如下图这样...原创 2022-04-14 12:45:44 · 1819 阅读 · 0 评论