原生态JS的方法调用CLASS元素标签 PetitQ HTML/CSS 2018-11-08 1.50K 0 0 最近研究起来原生态的js来,主要因为jquery太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。
原生态JS的方法调用CLASS元素标签 PetitQ HTML/CSS 2018-11-08 1.50K 0 0 最近研究起来原生态的js来,主要因为jquery太冗余了,拖慢了网站的访问速度,于是就写下了下面的这段代码来替换$(“.a1”)和$(“.a2”),希望对你们有用。
网站侧边添加梅花飘落特效 PetitQ HTML/CSS 2019-2-17 3.12K 0 2 给网站左右两侧添加梅花飘落特效,花瓣从空中飘落,想雪花一样非常漂亮,刚开始耍博客的时候,比较热衷于这些,其实就是给网站加上一些特效,稍微的美化下带来一点异样的感觉,如果看起来感觉还可以,并且有兴趣的话,那我们继续看下怎么操作: 步骤…
网站侧边添加梅花飘落特效 PetitQ HTML/CSS 2019-2-17 3.12K 0 2 给网站左右两侧添加梅花飘落特效,花瓣从空中飘落,想雪花一样非常漂亮,刚开始耍博客的时候,比较热衷于这些,其实就是给网站加上一些特效,稍微的美化下带来一点异样的感觉,如果看起来感觉还可以,并且有兴趣的话,那我们继续看下怎么操作: 步骤…
代码实现给网站添加返回顶部功能 PetitQ HTML/CSS 2019-12-28 1.16K 0 0 代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大…
代码实现给网站添加返回顶部功能 PetitQ HTML/CSS 2019-12-28 1.16K 0 0 代码实现给网站添加返回顶部功能,瀑布流风格的网站开始流行之后,很多网站都出现了一个回到顶部的功能,对于瀑布流布局的网站来讲,这可以说是必须要有的一个功能,因为网站下拉了很长之后,需要返回顶部的时候,如果拖着滚动条去拉,那种麻烦相信大…
两行CSS代码实现最简单瀑布流实现方式 PetitQ HTML/CSS 2021-11-28 587 0 0 昨天无聊写了个随机一套图的小程序接口,在写HTML的时候遇到了让人难受的css,百度后找到一位大神提供的办法,以后图片瀑布流都是垃圾,两行代码就够了!感觉自己膨胀了哈,下面一起来看看效果。 代码很简单,只需要给包裹所有图片的元素设置…
两行CSS代码实现最简单瀑布流实现方式 PetitQ HTML/CSS 2021-11-28 587 0 0 昨天无聊写了个随机一套图的小程序接口,在写HTML的时候遇到了让人难受的css,百度后找到一位大神提供的办法,以后图片瀑布流都是垃圾,两行代码就够了!感觉自己膨胀了哈,下面一起来看看效果。 代码很简单,只需要给包裹所有图片的元素设置…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 642 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
解决absolute绝对定位高度塌陷无法撑开父元素 PetitQ HTML/CSS 2023-6-10 642 0 1 网站上某个元素设置了absolute绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种absolute绝对定位高度问题呢?让absolute绝对定位的高度自动添加到父元素上。 解决absolute绝…
网页HTML特殊字符编码对照表 PetitQ HTML/CSS 2018-11-07 8.78W 0 9 在设计和开发网页时,需要用到一些特殊符号,比如:©,®,℃,¥,⅜ 等等,有些上网找半天不一定能找到。HTML特殊符号编码有很多种 unicode、十六进位码(hex code),html 实体编码(entity code),还有我…
网页HTML特殊字符编码对照表 PetitQ HTML/CSS 2018-11-07 8.78W 0 9 在设计和开发网页时,需要用到一些特殊符号,比如:©,®,℃,¥,⅜ 等等,有些上网找半天不一定能找到。HTML特殊符号编码有很多种 unicode、十六进位码(hex code),html 实体编码(entity code),还有我…
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效果。我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。我们经常在前端开发中遇到这种情况…
移动端自适应样式@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) { /*横屏*/ } 指定手机…
JS实现静态页面搜索并高亮显示的方法 PetitQ HTML/CSS 2020-9-05 1.26K 0 0 本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下: JS搜索 搜索 这是主体内容,有很多内容,很多很多啊啊啊……,比如1234abcd啊啊啊啊 这是主体内容,有很多内容,很多很多啊啊啊……,比如123…
JS实现静态页面搜索并高亮显示的方法 PetitQ HTML/CSS 2020-9-05 1.26K 0 0 本文实例讲述了JS实现静态页面搜索并高亮显示功能。分享给大家供大家参考,具体如下: JS搜索 搜索 这是主体内容,有很多内容,很多很多啊啊啊……,比如1234abcd啊啊啊啊 这是主体内容,有很多内容,很多很多啊啊啊……,比如123…
Flexbox 可视化信息图 PetitQ HTML/CSS 2021-12-07 742 0 0 这是一张 CSS Flexbox 属性可视化信息图,有助于前端工程师更好的了解Flexbox的各个参数属性的用法,Flexbox在网页的布局上非常实用,这是一个重要的WEB布局属性,必修要学会。如果要下载这个图,直接把图像另存为就可…
Flexbox 可视化信息图 PetitQ HTML/CSS 2021-12-07 742 0 0 这是一张 CSS Flexbox 属性可视化信息图,有助于前端工程师更好的了解Flexbox的各个参数属性的用法,Flexbox在网页的布局上非常实用,这是一个重要的WEB布局属性,必修要学会。如果要下载这个图,直接把图像另存为就可…
Span之间空隙原因和解决办法 PetitQ HTML/CSS 2018-11-08 3.19K 0 1 span之间的空隙,到底是什么?display:inline-block的元素虽然能够处于同一行,但是很变态的是它们之间出现了空格,如何处理? (例如在浮动元素居中当中,我们必须使用display:inline-block) 实例代…
Span之间空隙原因和解决办法 PetitQ HTML/CSS 2018-11-08 3.19K 0 1 span之间的空隙,到底是什么?display:inline-block的元素虽然能够处于同一行,但是很变态的是它们之间出现了空格,如何处理? (例如在浮动元素居中当中,我们必须使用display:inline-block) 实例代…
jQuery判断元素是否显示或隐藏 PetitQ HTML/CSS 2018-12-24 2.44K 0 0 简单介绍一下如何通过jQuery判断元素是否显示 是否隐藏,只需要简单的一个jQuery判断即可。 方法一 var node=$('#id'); if(node.is(':hidden')){ //如果node是隐藏的则显示nod…
jQuery判断元素是否显示或隐藏 PetitQ HTML/CSS 2018-12-24 2.44K 0 0 简单介绍一下如何通过jQuery判断元素是否显示 是否隐藏,只需要简单的一个jQuery判断即可。 方法一 var node=$('#id'); if(node.is(':hidden')){ //如果node是隐藏的则显示nod…