Audio 标签播放音频怎样隐藏下载按钮?禁止另存为? PetitQ HTML/CSS 2019-7-27 3K 0 0 有时候我们喜欢分享一些音频音乐,大部分应该会用插件来实现,调用网易或者QQ音乐。但是毕竟不是每首歌都能在某一平台找到,或者音质不理想,所以往往使用audio标签也就能满足了。但是audio标签的前台显示会有一个下载按键或者能右键另存…
Audio 标签播放音频怎样隐藏下载按钮?禁止另存为? PetitQ HTML/CSS 2019-7-27 3K 0 0 有时候我们喜欢分享一些音频音乐,大部分应该会用插件来实现,调用网易或者QQ音乐。但是毕竟不是每首歌都能在某一平台找到,或者音质不理想,所以往往使用audio标签也就能满足了。但是audio标签的前台显示会有一个下载按键或者能右键另存…
纯CSS3将彩色图片转换成黑白图片 PetitQ HTML/CSS 2018-11-09 3K 0 0 通过使用过滤器我们能够不使用photoshop等图像软件或js、php等技术就可以进行各种图像处理。最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。现在,CSS过滤器已经被各种现代浏览器广泛支持,我们可以使用…
纯CSS3将彩色图片转换成黑白图片 PetitQ HTML/CSS 2018-11-09 3K 0 0 通过使用过滤器我们能够不使用photoshop等图像软件或js、php等技术就可以进行各种图像处理。最近到处看到有人在说CSS3的filter一直没有时间自己去测试这效果。现在,CSS过滤器已经被各种现代浏览器广泛支持,我们可以使用…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.99K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.99K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
图片懒加载 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 (…
超级有意思经典代码注释图 PetitQ HTML/CSS 2018-11-08 2.73K 0 0 对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
超级有意思经典代码注释图 PetitQ HTML/CSS 2018-11-08 2.73K 0 0 对于很多程序员来说,最讨厌别人不写注释。而有些人写出来的代码注释,通常拥有幽默搞笑的风格,看起来很有意思。网上收集了许多超级有意思的代码注释,有如来佛、草泥马等有趣的注释! /*** * .,:,,, .::,,,::. * .::…
JavaScript中escape()、encodeURI()、encodeURIComponent()的区别 PetitQ HTML/CSS 2018-11-08 2.69K 0 0 JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。 …
JavaScript中escape()、encodeURI()、encodeURIComponent()的区别 PetitQ HTML/CSS 2018-11-08 2.69K 0 0 JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent 。 …
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.60K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.60K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
CSS3判断横屏竖屏方式(三种) PetitQ HTML/CSS 2018-11-11 2.54K 0 1 很多时候,为了让手机版横竖屏时有一个理想的效果,我们都需要通过判断区间来设定相应的css样式,现在的CSS3推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏,下面将目前已知的通过HTML,C…
CSS3判断横屏竖屏方式(三种) PetitQ HTML/CSS 2018-11-11 2.54K 0 1 很多时候,为了让手机版横竖屏时有一个理想的效果,我们都需要通过判断区间来设定相应的css样式,现在的CSS3推出了一个可以判断手机横竖屏的媒体查询。在做移动端页面的时候经常会遇到需要判断横屏还是竖屏,下面将目前已知的通过HTML,C…
Font Awesome 网站字体图标不显示的解决方法 PetitQ HTML/CSS 2022-9-27 2.54K 0 0 在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在…
Font Awesome 网站字体图标不显示的解决方法 PetitQ HTML/CSS 2022-9-27 2.54K 0 0 在做网站过程中,经常会遇到一些奇怪的问题。例如一个网站中有的网页的字体图标正常显示,但有的字体图标却显示为空白。如下图: 正常情况下: 字体图标不显示: 通过浏览器的检查功能,可以查到造成字体图标不显示的原因,是由于字体图标的样式在…
jQuery判断元素是否显示或隐藏 PetitQ HTML/CSS 2018-12-24 2.45K 0 0 简单介绍一下如何通过jQuery判断元素是否显示 是否隐藏,只需要简单的一个jQuery判断即可。 方法一 var node=$('#id'); if(node.is(':hidden')){ //如果node是隐藏的则显示nod…
jQuery判断元素是否显示或隐藏 PetitQ HTML/CSS 2018-12-24 2.45K 0 0 简单介绍一下如何通过jQuery判断元素是否显示 是否隐藏,只需要简单的一个jQuery判断即可。 方法一 var node=$('#id'); if(node.is(':hidden')){ //如果node是隐藏的则显示nod…
CSS实现背景图片透明和文字不透明效果 PetitQ HTML/CSS 2018-11-07 2.43K 0 2 项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果: 背景图 + 伪类 + flite:blur(3px) CSS代码 .demo1{ width: …
CSS实现背景图片透明和文字不透明效果 PetitQ HTML/CSS 2018-11-07 2.43K 0 2 项目中经常会用到背景图上放一些文字介绍,这里介绍两种技术来实现背景图片透明,文字不透明效果,记录一下,方便日后学习。 1.毛玻璃效果: 背景图 + 伪类 + flite:blur(3px) CSS代码 .demo1{ width: …
通过 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变…