代码实现给网站添加返回顶部功能 PetitQ HTML/CSS 2019-12-28 1.16K 0 0 代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大…
代码实现给网站添加返回顶部功能 PetitQ HTML/CSS 2019-12-28 1.16K 0 0 代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大…
详解使用『rem』实现自适应响应式布局 PetitQ HTML/CSS 2021-11-10 1.14K 0 0 rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem(font size of the root element)是指相对于根元素的字体大小的单位…
详解使用『rem』实现自适应响应式布局 PetitQ HTML/CSS 2021-11-10 1.14K 0 0 rem是相对于根元素,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem(font size of the root element)是指相对于根元素的字体大小的单位…
网站实现a标签直接下载pdf文件不在浏览器打开 PetitQ HTML/CSS 2023-3-03 1.13K 0 0 默认情况下pdf文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让pdf文件点击后,自动下载而不是打开呢?其实让网站点击a标签直接下载pdf而不是在浏览器打开浏览方法很简单,只需要在a标签添加download属性…
网站实现a标签直接下载pdf文件不在浏览器打开 PetitQ HTML/CSS 2023-3-03 1.13K 0 0 默认情况下pdf文件使用超链接打开时,会在浏览器里直接打开预览,而不能直接下载。怎么让pdf文件点击后,自动下载而不是打开呢?其实让网站点击a标签直接下载pdf而不是在浏览器打开浏览方法很简单,只需要在a标签添加download属性…
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代…
半小时学会正则表达式(上) PetitQ HTML/CSS 2019-11-20 1.08K 0 0 正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
半小时学会正则表达式(上) PetitQ HTML/CSS 2019-11-20 1.08K 0 0 正则表达式(Regular Expression)在代码中常常简写为regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正…
jQuery 检查一个元素是否存在然后按需加载内容 PetitQ HTML/CSS 2019-12-28 1.06K 0 0 前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载jQuery 插件会对前端性能的提升有不少帮…
jQuery 检查一个元素是否存在然后按需加载内容 PetitQ HTML/CSS 2019-12-28 1.06K 0 0 前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载jQuery 插件会对前端性能的提升有不少帮…
Pjax 无刷新加载页面基础示例 PetitQ HTML/CSS 2021-12-26 1.04K 0 0 今天浏览了一些精美的前端页面,然后看见有些页面运用了Pjax,让整个页面加载很快。之前很久就想去看看Pjax是怎么实现的了,今天就去了解了一下,然后懂得了他的运行原理。下面就来分享一下。 在两个不同的页面,把内容放在同一个容器当中,…
Pjax 无刷新加载页面基础示例 PetitQ HTML/CSS 2021-12-26 1.04K 0 0 今天浏览了一些精美的前端页面,然后看见有些页面运用了Pjax,让整个页面加载很快。之前很久就想去看看Pjax是怎么实现的了,今天就去了解了一下,然后懂得了他的运行原理。下面就来分享一下。 在两个不同的页面,把内容放在同一个容器当中,…
jQuery 直接读取网站数据库数据并做判断的方法 PetitQ HTML/CSS 2021-11-29 1.02K 0 0 我们在网站开发过程中,我们有时需要直接从数据库里读取数据,并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用PHP来读取。 今天给大家介绍一下使用JQUEYR直接读取网站数据库数据并做判断的方法。通过JQEURY从数据库…
jQuery 直接读取网站数据库数据并做判断的方法 PetitQ HTML/CSS 2021-11-29 1.02K 0 0 我们在网站开发过程中,我们有时需要直接从数据库里读取数据,并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用PHP来读取。 今天给大家介绍一下使用JQUEYR直接读取网站数据库数据并做判断的方法。通过JQEURY从数据库…
jQuery 通过class名称验证表单值不为空 PetitQ HTML/CSS 2020-12-09 1.02K 0 0 我们在使用CMS系统开发网站的时候,经常需要验证表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。(ID一个页面只…
jQuery 通过class名称验证表单值不为空 PetitQ HTML/CSS 2020-12-09 1.02K 0 0 我们在使用CMS系统开发网站的时候,经常需要验证表单数据为必填项,若用jQuery通过ID去验证,不仅会影响效率,还会有所遗漏,不易于后期维护。 本章将介绍如何利用jQuery,通过为表单配置class进行统一验证。(ID一个页面只…
怎么学习正则表达式?(正则的使用心得) PetitQ HTML/CSS 2019-11-20 1.02K 0 0 以前使用正则是不会自己去学或者去了解怎么实现正则的语法的,感觉好难懂的样子,于是拖到现在。其实正则不是我想象中的那么难,至少入门还是比较简单。我刚学习了一些比较简单的,谈谈我对正则的理解以及使用心得,希望能帮助大家。 1、学习正则的…
怎么学习正则表达式?(正则的使用心得) PetitQ HTML/CSS 2019-11-20 1.02K 0 0 以前使用正则是不会自己去学或者去了解怎么实现正则的语法的,感觉好难懂的样子,于是拖到现在。其实正则不是我想象中的那么难,至少入门还是比较简单。我刚学习了一些比较简单的,谈谈我对正则的理解以及使用心得,希望能帮助大家。 1、学习正则的…
CSS 文字加粗不影响整体宽度 PetitQ HTML/CSS 2022-6-05 1.01K 0 0 在写Tab组件时(每一项的数据都从后台获取,width宽度不定,使用padding隔开),下划线时通过计算每一项的宽度实现滑动效果,字体加粗标记当前项,且当鼠标hover时,对应项的字体也加粗,此时由于字体加导致粗宽度变化了,所以滑…
CSS 文字加粗不影响整体宽度 PetitQ HTML/CSS 2022-6-05 1.01K 0 0 在写Tab组件时(每一项的数据都从后台获取,width宽度不定,使用padding隔开),下划线时通过计算每一项的宽度实现滑动效果,字体加粗标记当前项,且当鼠标hover时,对应项的字体也加粗,此时由于字体加导致粗宽度变化了,所以滑…
jQuery滚动事件$(window).scroll()实现导航栏高度变化 PetitQ HTML/CSS, JQuery/PHP 2023-3-31 986 0 0 有些网站的导航菜单的高度随着网页下拉变化,并且将网页恢复到顶部时,高度又恢复。效果如下图: 怎么实现这样的导航栏高度随着网页拖动变化呢?这就需要使用到jQuery滚动事件$(window).scroll()。下面介绍一下实现方法。 …
jQuery滚动事件$(window).scroll()实现导航栏高度变化 PetitQ HTML/CSS, JQuery/PHP 2023-3-31 986 0 0 有些网站的导航菜单的高度随着网页下拉变化,并且将网页恢复到顶部时,高度又恢复。效果如下图: 怎么实现这样的导航栏高度随着网页拖动变化呢?这就需要使用到jQuery滚动事件$(window).scroll()。下面介绍一下实现方法。 …