jQuery 鼠标滑过链接图片滑动展开与隐藏效果 PetitQ HTML/CSS 2020-3-28 950 0 0 这篇文章主要介绍了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果,涉及jQuery鼠标事件的响应及链式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下。 这里演示jQuery实现鼠标移动到链接上,滑动展开/隐藏图…
jQuery 鼠标滑过链接图片滑动展开与隐藏效果 PetitQ HTML/CSS 2020-3-28 950 0 0 这篇文章主要介绍了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果,涉及jQuery鼠标事件的响应及链式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下。 这里演示jQuery实现鼠标移动到链接上,滑动展开/隐藏图…
HTML5 类名操作ClassList属性简介 PetitQ HTML/CSS 2018-11-09 1.57K 0 0 常我们在操作类名时,需要通过className属性来添加,删除和替换类名。因为className中是一个字符串,所以即使我们只是修改字符串的一部分,也要每一次都重新设置整个字符串的值。如果一个元素有多个类名,要如何删除呢,jqeur…
HTML5 类名操作ClassList属性简介 PetitQ HTML/CSS 2018-11-09 1.57K 0 0 常我们在操作类名时,需要通过className属性来添加,删除和替换类名。因为className中是一个字符串,所以即使我们只是修改字符串的一部分,也要每一次都重新设置整个字符串的值。如果一个元素有多个类名,要如何删除呢,jqeur…
怎么让网站上视频以16:9比例自适应缩放宽屏显示 PetitQ HTML/CSS 2021-12-31 2.11K 0 0 我做了一个视频类的网站,是一个自适应的网站,网站上有很多视频,但是视频的尺寸我控制不好,特别是高度,我是在PC端设置高度为480,手机端设置为280,但总是视频四边出现了黑边,有没有方法让视频能自动按它比例缩放呢? 视频是可以按比例…
怎么让网站上视频以16:9比例自适应缩放宽屏显示 PetitQ HTML/CSS 2021-12-31 2.11K 0 0 我做了一个视频类的网站,是一个自适应的网站,网站上有很多视频,但是视频的尺寸我控制不好,特别是高度,我是在PC端设置高度为480,手机端设置为280,但总是视频四边出现了黑边,有没有方法让视频能自动按它比例缩放呢? 视频是可以按比例…
Html清除浮动的几种方法介绍 PetitQ HTML/CSS 2019-5-19 1.29K 0 0 Html清除浮动的几种方法介绍,在清除浮动前我们要了解两个重要的定义: 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮…
Html清除浮动的几种方法介绍 PetitQ HTML/CSS 2019-5-19 1.29K 0 0 Html清除浮动的几种方法介绍,在清除浮动前我们要了解两个重要的定义: 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮…
自适应网页怎么做?自适应网页制作方法 PetitQ HTML/CSS 2022-9-26 1.62K 0 0 自适应网页是指网页根据用户浏览设备的头信息,自动变换网页的CSS参数,达到网不同浏览设置显示不同的网页版面的效果。自适应网页的原因就是使用CSS3中的@media属性来判断变换的。在实际网页制作过程中,我们怎么制作自适应网页呢?下面…
自适应网页怎么做?自适应网页制作方法 PetitQ HTML/CSS 2022-9-26 1.62K 0 0 自适应网页是指网页根据用户浏览设备的头信息,自动变换网页的CSS参数,达到网不同浏览设置显示不同的网页版面的效果。自适应网页的原因就是使用CSS3中的@media属性来判断变换的。在实际网页制作过程中,我们怎么制作自适应网页呢?下面…
CSS3实现鼠标经过网站图片纵向Y轴旋转 PetitQ HTML/CSS 2021-11-29 1.12K 0 0 做网站时,为了让整个网站看起来更加动感,我们常常会在网站上放一些特效。例如,当鼠标经过时网站图片纵向Y轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单,通过CSS3的动画属性就可以了。 HTML代…
CSS3实现鼠标经过网站图片纵向Y轴旋转 PetitQ HTML/CSS 2021-11-29 1.12K 0 0 做网站时,为了让整个网站看起来更加动感,我们常常会在网站上放一些特效。例如,当鼠标经过时网站图片纵向Y轴旋转这个功能就是在很多网站上使用了。下面就来介绍一下制作方法。 实现这个功能很简单,通过CSS3的动画属性就可以了。 HTML代…
移动端自适应样式@media的使用方法 PetitQ HTML/CSS 2019-5-19 2.21K 0 0 通用手机端样式: @media all and (orientation : portrait) { /*竖屏*/ } @media all and (orientation : landscape) { /*横屏*/ } 指定手机…
移动端自适应样式@media的使用方法 PetitQ HTML/CSS 2019-5-19 2.21K 0 0 通用手机端样式: @media all and (orientation : portrait) { /*竖屏*/ } @media all and (orientation : landscape) { /*横屏*/ } 指定手机…
如何用CSS实现自适应宽高等比例的容器 PetitQ HTML/CSS 2021-12-04 1.24K 0 0 我们知道图片高度为auto时,宽高比会以图片原始尺寸的比例缩放,但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时,如下图,该如何实现每个的宽高比例不变且一致呢?我们从自适应的角度探讨这个问题,即每个<l…
如何用CSS实现自适应宽高等比例的容器 PetitQ HTML/CSS 2021-12-04 1.24K 0 0 我们知道图片高度为auto时,宽高比会以图片原始尺寸的比例缩放,但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时,如下图,该如何实现每个的宽高比例不变且一致呢?我们从自适应的角度探讨这个问题,即每个<l…
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法 PetitQ HTML/CSS 2021-12-18 907 0 0 先看下这个图片:一个竖向的长方形图片,需求就是:通过CSS的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为: 完全变形了,那么进行代码样式优化后的效果为(取图片中间): HTML部分: CSS部分: …
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法 PetitQ HTML/CSS 2021-12-18 907 0 0 先看下这个图片:一个竖向的长方形图片,需求就是:通过CSS的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为: 完全变形了,那么进行代码样式优化后的效果为(取图片中间): HTML部分: CSS部分: …
CSS修复图片指定尺寸缩小后模糊不清的问题 PetitQ HTML/CSS 2021-10-17 2.04K 0 0 最近在开发插件的过程中,需要设定支付宝当面付二维码的图片尺寸大小的问题。起初很简单地直接在 <img> 标签中设定 height 和 width 属性,但是很快发现,大小是改变了,但图片质量下滑很严重。这就比较奇怪了,因…
CSS修复图片指定尺寸缩小后模糊不清的问题 PetitQ HTML/CSS 2021-10-17 2.04K 0 0 最近在开发插件的过程中,需要设定支付宝当面付二维码的图片尺寸大小的问题。起初很简单地直接在 <img> 标签中设定 height 和 width 属性,但是很快发现,大小是改变了,但图片质量下滑很严重。这就比较奇怪了,因…
CSS实现隐藏滚动条并可以滚动内容 PetitQ HTML/CSS 2018-11-11 4.53K 0 6 当我们的内容超出了我们的div,往往会出现滚动条,影响美观,尤其是当我们在做一些导航菜单的时候,滚动条一出现就破坏了UI效果。我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。我们经常在前端开发中遇到这种情况…
CSS实现隐藏滚动条并可以滚动内容 PetitQ HTML/CSS 2018-11-11 4.53K 0 6 当我们的内容超出了我们的div,往往会出现滚动条,影响美观,尤其是当我们在做一些导航菜单的时候,滚动条一出现就破坏了UI效果。我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。我们经常在前端开发中遇到这种情况…