通过 CSS自定义属性(CSS变量)和 JavaScript 实现高级CSS主题切换 PetitQ HTML/CSS 2018-11-07 2.35K 0 2 在本教程中,我们将使用 CSS自定义属性(也称为CSS变量)来为简单的HTML页面实现主题切换。 我们将创建暗黑和明亮的示例主题,然后编写JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过,请先阅读CSS变…
通过 CSS自定义属性(CSS变量)和 JavaScript 实现高级CSS主题切换 PetitQ HTML/CSS 2018-11-07 2.35K 0 2 在本教程中,我们将使用 CSS自定义属性(也称为CSS变量)来为简单的HTML页面实现主题切换。 我们将创建暗黑和明亮的示例主题,然后编写JavaScript 以在用户单击按钮时在两者之间切换。 如果你以前没接触过,请先阅读CSS变…
CSS样式表属性最佳书写顺序是怎样的? PetitQ HTML/CSS 2019-5-13 1.78K 0 0 好久没有更文了,博客都要荒废了,惭愧一下下,刚好这段时间稍微整理了一下之前写的样式表,就来说下CSS样式表中各个属性的书写顺序是怎样的。 像很多初学者一样,飞鸟刚开始写样式表也是很佛系的,想到什么就在样式里写什么,毫无规律。其实这样…
CSS样式表属性最佳书写顺序是怎样的? PetitQ HTML/CSS 2019-5-13 1.78K 0 0 好久没有更文了,博客都要荒废了,惭愧一下下,刚好这段时间稍微整理了一下之前写的样式表,就来说下CSS样式表中各个属性的书写顺序是怎样的。 像很多初学者一样,飞鸟刚开始写样式表也是很佛系的,想到什么就在样式里写什么,毫无规律。其实这样…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 3K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 3K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
每个IP自定义时间弹窗跳转广告代码 PetitQ HTML/CSS 2018-12-24 1.67K 0 0 分享一段网页自定义ip时间转跳弹窗的广告代码,支持自定义设置用户IP重复转跳网址的时间,做到每个用户,每个IP一定时间内不重复弹窗的功能。许多站长接广告的时候,因为弹窗价格比较高,所以经常会选择弹窗广告,不过这样对用户体验非常的差。…
每个IP自定义时间弹窗跳转广告代码 PetitQ HTML/CSS 2018-12-24 1.67K 0 0 分享一段网页自定义ip时间转跳弹窗的广告代码,支持自定义设置用户IP重复转跳网址的时间,做到每个用户,每个IP一定时间内不重复弹窗的功能。许多站长接广告的时候,因为弹窗价格比较高,所以经常会选择弹窗广告,不过这样对用户体验非常的差。…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.23K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
Firefox 火狐浏览器获得图片base64字符串的方法 PetitQ HTML/CSS 2022-1-02 1.23K 0 0 base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,base64编码 主要用在数据传输过程中(编码、解码)。而 Data URI 是将数据用 URI 的形式…
jQuery判断鼠标向上滚动并浮动导航 PetitQ HTML/CSS 2018-11-11 1.75K 0 0 判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动。滚动的坐标值可以取窗口的scrollTop。为啥会有这个需求呢?有没有发现在一国外…
jQuery判断鼠标向上滚动并浮动导航 PetitQ HTML/CSS 2018-11-11 1.75K 0 0 判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动。滚动的坐标值可以取窗口的scrollTop。为啥会有这个需求呢?有没有发现在一国外…
图片懒加载 lazyload.js ( jquery.lazyload.js ) 使用详解 PetitQ HTML/CSS 2020-4-06 2.74K 0 0 lazyload.js 既 jquery.lazyload.js,作者 Mika Tuupola 。2.0版本后插件不再依赖 jQuery ,之前的版本是依赖 jQuery 的,之前的默认使用自定义的 data-original (…
图片懒加载 lazyload.js ( jquery.lazyload.js ) 使用详解 PetitQ HTML/CSS 2020-4-06 2.74K 0 0 lazyload.js 既 jquery.lazyload.js,作者 Mika Tuupola 。2.0版本后插件不再依赖 jQuery ,之前的版本是依赖 jQuery 的,之前的默认使用自定义的 data-original (…
HTML+CSS+JS实现今天的日期和今天剩余的时间 PetitQ HTML/CSS 2019-11-20 2.27K 0 0 使用html+css+js实现日历与定时器,看看今天的日期和今天剩余的时间。 哎,今天就又这么过去了,过的可真快。代码如下,复制即可使用: Title ----- 今天的余额 -----
HTML+CSS+JS实现今天的日期和今天剩余的时间 PetitQ HTML/CSS 2019-11-20 2.27K 0 0 使用html+css+js实现日历与定时器,看看今天的日期和今天剩余的时间。 哎,今天就又这么过去了,过的可真快。代码如下,复制即可使用: Title ----- 今天的余额 -----
详解使用『rem』实现自适应响应式布局 PetitQ HTML/CSS 2021-11-10 1.15K 0 0 rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem(font size of the root element)是指相对于根元素的字体大小的单位…
详解使用『rem』实现自适应响应式布局 PetitQ HTML/CSS 2021-11-10 1.15K 0 0 rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem(font size of the root element)是指相对于根元素的字体大小的单位…
JS实现静态页面搜索并高亮显示的方法 PetitQ HTML/CSS 2020-9-05 1.28K 0 0 本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下: JS搜索 搜索 这是主体内容,有很多内容,很多很多啊啊啊……,比如1234abcd啊啊啊啊 这是主体内容,有很多内容,很多很多啊啊啊……,比如123…
JS实现静态页面搜索并高亮显示的方法 PetitQ HTML/CSS 2020-9-05 1.28K 0 0 本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下: JS搜索 搜索 这是主体内容,有很多内容,很多很多啊啊啊……,比如1234abcd啊啊啊啊 这是主体内容,有很多内容,很多很多啊啊啊……,比如123…
超级有意思经典代码注释图 PetitQ HTML/CSS 2018-11-08 2.74K 0 0 对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
超级有意思经典代码注释图 PetitQ HTML/CSS 2018-11-08 2.74K 0 0 对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
利用animation动画实现呼吸灯效果 PetitQ HTML/CSS 2019-1-22 2.16K 0 0 在阿里云看到其Banner上的一个呼吸灯效果,感觉非常具有科技感,看了下源码,原来只是一个CSS3效果,利用animation来实现的动画效果,一时技痒就写了一个demo记录一下。 实现思路 底图是一个暗的灯 jpg,另外一张图则是…
利用animation动画实现呼吸灯效果 PetitQ HTML/CSS 2019-1-22 2.16K 0 0 在阿里云看到其Banner上的一个呼吸灯效果,感觉非常具有科技感,看了下源码,原来只是一个CSS3效果,利用animation来实现的动画效果,一时技痒就写了一个demo记录一下。 实现思路 底图是一个暗的灯 jpg,另外一张图则是…