PHP中判断一个字符串包含另一个字符串的方法 PetitQ HTML/CSS 2022-4-03 4.37K 0 1 第一种方法:用php的strpos() 函数判断字符串中是否包含某字符串的方法 if(strpos('www.22vd.com','22vd') !== false){ echo '包含22vd'; }else{ echo '不包含…
PHP中判断一个字符串包含另一个字符串的方法 PetitQ HTML/CSS 2022-4-03 4.37K 0 1 第一种方法:用php的strpos() 函数判断字符串中是否包含某字符串的方法 if(strpos('www.22vd.com','22vd') !== false){ echo '包含22vd'; }else{ echo '不包含…
优化阅读体验网站全局字体CSS最佳写法 PetitQ HTML/CSS 2021-12-07 714 0 0 英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端性能,只好使用系统自带的默认字体,然而我们有 Windows 和 Mac OS 两个系统,这两个系统的默认字体是不同的…
优化阅读体验网站全局字体CSS最佳写法 PetitQ HTML/CSS 2021-12-07 714 0 0 英文字体的文件大小比较小可以使用嵌入字体让网站展示更好,但中文就不一样了,文件大小是 MB 级别,为了 WEB 端性能,只好使用系统自带的默认字体,然而我们有 Windows 和 Mac OS 两个系统,这两个系统的默认字体是不同的…
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 。 …
每个IP自定义时间弹窗跳转广告代码 PetitQ HTML/CSS 2018-12-24 1.66K 0 0 分享一段网页自定义ip时间转跳弹窗的广告代码,支持自定义设置用户IP重复转跳网址的时间,做到每个用户,每个IP一定时间内不重复弹窗的功能。许多站长接广告的时候,因为弹窗价格比较高,所以经常会选择弹窗广告,不过这样对用户体验非常的差。…
每个IP自定义时间弹窗跳转广告代码 PetitQ HTML/CSS 2018-12-24 1.66K 0 0 分享一段网页自定义ip时间转跳弹窗的广告代码,支持自定义设置用户IP重复转跳网址的时间,做到每个用户,每个IP一定时间内不重复弹窗的功能。许多站长接广告的时候,因为弹窗价格比较高,所以经常会选择弹窗广告,不过这样对用户体验非常的差。…
CSS实现边框透明的方法 PetitQ HTML/CSS 2019-10-11 3.55K 0 0 透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案,运用RGBA设置。 css可以使用RGBA设置边框透明,RGBA在RGB的基础上多了控制alpha透明度的参数,我们使用RGBA设置边框颜色同时…
CSS实现边框透明的方法 PetitQ HTML/CSS 2019-10-11 3.55K 0 0 透明一般认为是一种颜色属性,但是并没有这个数值。我们找到了一种让边框实现透明的最佳方案,运用RGBA设置。 css可以使用RGBA设置边框透明,RGBA在RGB的基础上多了控制alpha透明度的参数,我们使用RGBA设置边框颜色同时…
JS判断浏览器环境(pc端,移动端,还是微信浏览器) PetitQ HTML/CSS 2020-12-09 1.91K 0 0 今天突然看到一段很好的代码,分享给大家,顺便也给自己留个笔记。我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问,再加上现在智能设备的推广,我们甚至能在车载系统、穿戴设备和电视平台上访问。设备的多样化…
JS判断浏览器环境(pc端,移动端,还是微信浏览器) PetitQ HTML/CSS 2020-12-09 1.91K 0 0 今天突然看到一段很好的代码,分享给大家,顺便也给自己留个笔记。我们部署在Web服务器上的前端应用,既可以用PC浏览器访问,也可以用手机浏览器访问,再加上现在智能设备的推广,我们甚至能在车载系统、穿戴设备和电视平台上访问。设备的多样化…
网站Video标签播放大视频卡顿解决方法(m3u8流媒体) PetitQ HTML/CSS 2022-8-27 1.30K 0 0 自从HTML5推出之后,网站上的视频可以像图片一样使用video标签直接播放了。但使用video播放视频有一个缺点就是只能播放小视频,如果视频比较大就会出现卡顿的问题。因为它需要先把视频加载完才会播放。 下面就介绍一下网站Video…
网站Video标签播放大视频卡顿解决方法(m3u8流媒体) PetitQ HTML/CSS 2022-8-27 1.30K 0 0 自从HTML5推出之后,网站上的视频可以像图片一样使用video标签直接播放了。但使用video播放视频有一个缺点就是只能播放小视频,如果视频比较大就会出现卡顿的问题。因为它需要先把视频加载完才会播放。 下面就介绍一下网站Video…
HTML5 网页上下翻页时钟效果代码 PetitQ HTML/CSS 2021-11-21 5K 0 0 因为博客首页有个Flash的时钟,对于大多数浏览器Flash是没有问题的,而Firefox等就稍微有些麻烦了,而且IOS系统是Flash的死对头。很早之前就想着上个HTML5的时钟来替代这个Flash,今天从一个网站弄了点源码,修改…
HTML5 网页上下翻页时钟效果代码 PetitQ HTML/CSS 2021-11-21 5K 0 0 因为博客首页有个Flash的时钟,对于大多数浏览器Flash是没有问题的,而Firefox等就稍微有些麻烦了,而且IOS系统是Flash的死对头。很早之前就想着上个HTML5的时钟来替代这个Flash,今天从一个网站弄了点源码,修改…
CSS文字半透明显示图片上的两种效果 PetitQ HTML/CSS 2018-11-08 2.19K 0 0 CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色。 文字显示在图片上 标题层叠在图片上,标题文字和背景半透明。鼠标经过边框换色。 这个功能可以衍生出很多其他的版…
CSS文字半透明显示图片上的两种效果 PetitQ HTML/CSS 2018-11-08 2.19K 0 0 CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色。 文字显示在图片上 标题层叠在图片上,标题文字和背景半透明。鼠标经过边框换色。 这个功能可以衍生出很多其他的版…
DIV不确定高度内部元素水平垂直居中的方法归纳 PetitQ HTML/CSS 2020-3-02 1.38K 0 0 总结当前知道的对div嵌套标签水平垂直居中方法,如果还有新的方法,请不吝赐教哦。好,下面开始列举代码咯。首先给需要实现水平垂直居中的两个div设置统一的样式: .styl { width: 100%; height: 300px; …
DIV不确定高度内部元素水平垂直居中的方法归纳 PetitQ HTML/CSS 2020-3-02 1.38K 0 0 总结当前知道的对div嵌套标签水平垂直居中方法,如果还有新的方法,请不吝赐教哦。好,下面开始列举代码咯。首先给需要实现水平垂直居中的两个div设置统一的样式: .styl { width: 100%; height: 300px; …
CSS3实现鼠标经过网站图片纵向Y轴旋转 PetitQ HTML/CSS 2021-11-29 1.14K 0 0 做网站时,为了让整个网站看起来更加动感,我们常常会在网站上放一些特效。例如,当鼠标经过时网站图片纵向Y轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单,通过CSS3的动画属性就可以了。 HTML代…
CSS3实现鼠标经过网站图片纵向Y轴旋转 PetitQ HTML/CSS 2021-11-29 1.14K 0 0 做网站时,为了让整个网站看起来更加动感,我们常常会在网站上放一些特效。例如,当鼠标经过时网站图片纵向Y轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单,通过CSS3的动画属性就可以了。 HTML代…
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: …