HTML中加入视频不自动播放问题 PetitQ HTML/CSS 2019-9-17 3.10K 0 1 今天做一个登陆页面的时候,网页里有个自动播放的视频背景,但是必须切换到一个视频时必须手动播放加了 autoplay="autoplay"也不行,视频并没有自动播放,按一下F5才会自动播放。最后,找资料发现,添加 muted 属性,也…
HTML中加入视频不自动播放问题 PetitQ HTML/CSS 2019-9-17 3.10K 0 1 今天做一个登陆页面的时候,网页里有个自动播放的视频背景,但是必须切换到一个视频时必须手动播放加了 autoplay="autoplay"也不行,视频并没有自动播放,按一下F5才会自动播放。最后,找资料发现,添加 muted 属性,也…
CSS3渐变色的实现方法讲解 PetitQ HTML/CSS 2019-9-24 1.43K 0 0 在进行网页编程的时候有很多时候都会用到渐变色,但是CSS2处理渐变色比较困难,CSS3就比较方便了,所以今天余斗就教大家用CSS3实现渐变色功能。 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡…
CSS3渐变色的实现方法讲解 PetitQ HTML/CSS 2019-9-24 1.43K 0 0 在进行网页编程的时候有很多时候都会用到渐变色,但是CSS2处理渐变色比较困难,CSS3就比较方便了,所以今天余斗就教大家用CSS3实现渐变色功能。 CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡…
INPUT、SELECT等表单元素图片对齐问题 PetitQ HTML/CSS 2018-11-08 1.57K 0 0 今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时一个高一个矮。刚开始怎么调样式都出不来结构,后来发现原来一个vertical-align:middle就可搞定。 归纳如下: …
INPUT、SELECT等表单元素图片对齐问题 PetitQ HTML/CSS 2018-11-08 1.57K 0 0 今天在写页面时,发现了一个问题,当INPUT、SELECT及用图片做的button放在一起(并排放一起)时一个高一个矮。刚开始怎么调样式都出不来结构,后来发现原来一个vertical-align:middle就可搞定。 归纳如下: …
HTML5(FileReader)实现图片上传预览功能 PetitQ HTML/CSS 2018-11-09 3.02K 0 0 前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下面通过本文给大家介绍JS中利用FileReader实现上传图片…
HTML5(FileReader)实现图片上传预览功能 PetitQ HTML/CSS 2018-11-09 3.02K 0 0 前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下面通过本文给大家介绍JS中利用FileReader实现上传图片…
通过css在网页中实现容器内元素横向滚动 PetitQ HTML/CSS 2022-9-26 771 0 0 网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。 基础结构如下: 1 2 3 4 5 . . . item可以根据实际需要增加更多 横向浮动,隐藏,滑动相关css如下: .it…
通过css在网页中实现容器内元素横向滚动 PetitQ HTML/CSS 2022-9-26 771 0 0 网页中元素默认是纵向排列的,我们可以通过css属性将容器内子元素实现横向排列,超出隐藏,并可以横向滚动。 基础结构如下: 1 2 3 4 5 . . . item可以根据实际需要增加更多 横向浮动,隐藏,滑动相关css如下: .it…
图片懒加载 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 (…
CSS3 文字边框 -webkit-text-stroke 镂空的字体 PetitQ HTML/CSS 2018-11-08 3.10K 0 4 其实一直没用过这个属性,发现还可以有很不错的效果,就二行代码就搞掂,分享下CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,…
CSS3 文字边框 -webkit-text-stroke 镂空的字体 PetitQ HTML/CSS 2018-11-08 3.10K 0 4 其实一直没用过这个属性,发现还可以有很不错的效果,就二行代码就搞掂,分享下CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.24K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
给菜单中UL下的某一个或某几个LI添加自定义类 PetitQ HTML/CSS 2020-3-31 1.24K 0 0 我们有时候在定制WORDPRESS主题的时候,由于菜单样式的要求我们需要给我们的WordPress获取到的菜单中的UL下的某一个或某几个LI添加自定义的类,比如我给客户设置制作的这个主题中,因为LOGO在菜单中间显示,所以我需要第四…
纯CSS3实现手风琴风格菜单具体步骤 PetitQ HTML/CSS 2018-11-08 1.54K 0 0 有朋友问我,我的demo里面的手风琴效果怎么做出来,看起来很漂亮,其实这个手风琴效果没用一点js,全部用css3来实现的,菜单主要通过使用:target伪类来实现,教程中我们主要通过使用伪类:before和:target来定义样式,…
纯CSS3实现手风琴风格菜单具体步骤 PetitQ HTML/CSS 2018-11-08 1.54K 0 0 有朋友问我,我的demo里面的手风琴效果怎么做出来,看起来很漂亮,其实这个手风琴效果没用一点js,全部用css3来实现的,菜单主要通过使用:target伪类来实现,教程中我们主要通过使用伪类:before和:target来定义样式,…
终极代码禁止查看网页源代码方法 PetitQ HTML/CSS 2020-12-03 1.25K 0 0 总是有新手问,如何禁止别人查看自己的网页源代码?答案是没有,对于有经验者所有方法都是徒劳的。一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。 document.onkeydown = function() { v…
终极代码禁止查看网页源代码方法 PetitQ HTML/CSS 2020-12-03 1.25K 0 0 总是有新手问,如何禁止别人查看自己的网页源代码?答案是没有,对于有经验者所有方法都是徒劳的。一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。 document.onkeydown = function() { v…
CSS3自定义webkit滚动条样式 PetitQ HTML/CSS 2018-11-11 2.11K 0 0 默认的滚动条样式巨丑,项目中又有比较多地方会显示滚动条,故回头翻了一下CSS3,还真能不用插件实现自定义滚动条的样式,Webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。当然,兼容所…
CSS3自定义webkit滚动条样式 PetitQ HTML/CSS 2018-11-11 2.11K 0 0 默认的滚动条样式巨丑,项目中又有比较多地方会显示滚动条,故回头翻了一下CSS3,还真能不用插件实现自定义滚动条的样式,Webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式。当然,兼容所…
jQuery滚动事件$(window).scroll()实现导航栏高度变化 PetitQ HTML/CSS, JQuery/PHP 2023-3-31 1.04K 0 0 有些网站的导航菜单的高度随着网页下拉变化,并且将网页恢复到顶部时,高度又恢复。效果如下图: 怎么实现这样的导航栏高度随着网页拖动变化呢?这就需要使用到jQuery滚动事件$(window).scroll()。下面介绍一下实现方法。 …
jQuery滚动事件$(window).scroll()实现导航栏高度变化 PetitQ HTML/CSS, JQuery/PHP 2023-3-31 1.04K 0 0 有些网站的导航菜单的高度随着网页下拉变化,并且将网页恢复到顶部时,高度又恢复。效果如下图: 怎么实现这样的导航栏高度随着网页拖动变化呢?这就需要使用到jQuery滚动事件$(window).scroll()。下面介绍一下实现方法。 …