jQuery 实现点击选中改变当前样式 PetitQ HTML/CSS 2020-9-15 957 0 0 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图: 怎么在自己做网站时,实现这样的点击后改变当前样式的效果呢?这就需要使用JQUERY代码了。以下是JQU…
jQuery 实现点击选中改变当前样式 PetitQ HTML/CSS 2020-9-15 957 0 0 在做网站时,有些栏目元素有选择性,当我们点击某个栏目时,它会显示出不同于其它的样式,而没有被点击的,就恢复正常样式。效果如下图: 怎么在自己做网站时,实现这样的点击后改变当前样式的效果呢?这就需要使用JQUERY代码了。以下是JQU…
HTML中调用返回上一页代码 PetitQ HTML/CSS 2018-11-07 7.89K 0 0 <a href=”javascript :history.back(-1)”>返回上一页</a> 或者: <a href=”javascript :;” onClick=”javascript :his…
HTML中调用返回上一页代码 PetitQ HTML/CSS 2018-11-07 7.89K 0 0 <a href=”javascript :history.back(-1)”>返回上一页</a> 或者: <a href=”javascript :;” onClick=”javascript :his…
jQuery获取其他网页内容并插入到当前页面div或input PetitQ HTML/CSS 2020-9-18 1.29K 0 0 在页面中引入jquery来获取其他网页的内容并且插入到当前页面div或input中的方法。 当前页代码 content.php的内容 按下赋值input按钮,输入框的内容变为123,按下赋值div按钮,div的内容变成123。因为i…
jQuery获取其他网页内容并插入到当前页面div或input PetitQ HTML/CSS 2020-9-18 1.29K 0 0 在页面中引入jquery来获取其他网页的内容并且插入到当前页面div或input中的方法。 当前页代码 content.php的内容 按下赋值input按钮,输入框的内容变为123,按下赋值div按钮,div的内容变成123。因为i…
最简单的HTMML5下拉菜单样式表代码分享 PetitQ HTML/CSS 2020-9-23 849 0 0 下拉菜单是wordpress程序主题里面最常用的菜单体验方式,但是大多新手的对于菜单的使用和调整方式并不理解,尤其是不懂样式表的同学操作起来很加的困难,所以这里给大家提供了现成的样式表代码样式,可以直接复制过去就可以呈现下拉的形态,…
最简单的HTMML5下拉菜单样式表代码分享 PetitQ HTML/CSS 2020-9-23 849 0 0 下拉菜单是wordpress程序主题里面最常用的菜单体验方式,但是大多新手的对于菜单的使用和调整方式并不理解,尤其是不懂样式表的同学操作起来很加的困难,所以这里给大家提供了现成的样式表代码样式,可以直接复制过去就可以呈现下拉的形态,…
怎么让网站上视频以16:9比例自适应缩放宽屏显示 PetitQ HTML/CSS 2021-12-31 2.14K 0 0 我做了一个视频类的网站,是一个自适应的网站,网站上有很多视频,但是视频的尺寸我控制不好,特别是高度,我是在PC端设置高度为480,手机端设置为280,但总是视频四边出现了黑边,有没有方法让视频能自动按它比例缩放呢? 视频是可以按比例…
怎么让网站上视频以16:9比例自适应缩放宽屏显示 PetitQ HTML/CSS 2021-12-31 2.14K 0 0 我做了一个视频类的网站,是一个自适应的网站,网站上有很多视频,但是视频的尺寸我控制不好,特别是高度,我是在PC端设置高度为480,手机端设置为280,但总是视频四边出现了黑边,有没有方法让视频能自动按它比例缩放呢? 视频是可以按比例…
Background-repeat 怎么使用 PetitQ HTML/CSS 2019-2-12 1.63K 0 0 我们知道background属性是用于设置背景的,那么background-repeat属性怎么使用呢?本篇文章就来给大家介绍一下background-repeat属性的使用方法。background-repeat属性设置是否及如何…
Background-repeat 怎么使用 PetitQ HTML/CSS 2019-2-12 1.63K 0 0 我们知道background属性是用于设置背景的,那么background-repeat属性怎么使用呢?本篇文章就来给大家介绍一下background-repeat属性的使用方法。background-repeat属性设置是否及如何…
优化阅读体验网站全局字体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 两个系统,这两个系统的默认字体是不同的…
HTML5(Placeholder)占位文字添加CSS样式 PetitQ HTML/CSS 2018-11-09 1.77K 0 0 在HTML5中新增了许多新特性,其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。placeholder属性适用于下面的表单inpu…
HTML5(Placeholder)占位文字添加CSS样式 PetitQ HTML/CSS 2018-11-09 1.77K 0 0 在HTML5中新增了许多新特性,其中placeholder就是其中之一。placeholder属性规定可描述输入字段预期值的简短的提示信息。该提示会在用户输入值之前显示在输入字段中。placeholder属性适用于下面的表单inpu…
CSS文本中换行不生效空格合并 PetitQ HTML/CSS 2021-12-06 1.24K 0 0 css 天天打交道,没想到在一个基础的white-space属性上栽跟斗了,最近在项目的一个功能时,小程序上报上来的问题,用户是选择了直接使用手机键盘上换行的方式来填写多行的表单内容。但是当PC管理端查看的时候,span内的内容全部…
CSS文本中换行不生效空格合并 PetitQ HTML/CSS 2021-12-06 1.24K 0 0 css 天天打交道,没想到在一个基础的white-space属性上栽跟斗了,最近在项目的一个功能时,小程序上报上来的问题,用户是选择了直接使用手机键盘上换行的方式来填写多行的表单内容。但是当PC管理端查看的时候,span内的内容全部…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 682 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 682 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
代码实现给网站添加返回顶部功能 PetitQ HTML/CSS 2019-12-28 1.18K 0 0 代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大…
代码实现给网站添加返回顶部功能 PetitQ HTML/CSS 2019-12-28 1.18K 0 0 代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大…
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法 PetitQ HTML/CSS 2021-12-18 920 0 0 先看下这个图片:一个竖向的长方形图片,需求就是:通过CSS的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为: 完全变形了,那么进行代码样式优化后的效果为(取图片中间): HTML部分: CSS部分: …
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法 PetitQ HTML/CSS 2021-12-18 920 0 0 先看下这个图片:一个竖向的长方形图片,需求就是:通过CSS的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为: 完全变形了,那么进行代码样式优化后的效果为(取图片中间): HTML部分: CSS部分: …