使用jQuery设置指定时间后页面元素隐藏 PetitQ HTML/CSS 2019-3-12 1.46K 0 0 在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示,但有时候为了兼顾到用户体验需要让其指定几秒后自动消失,使用jQuery我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息,如公告、APP下载提…
使用jQuery设置指定时间后页面元素隐藏 PetitQ HTML/CSS 2019-3-12 1.46K 0 0 在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示,但有时候为了兼顾到用户体验需要让其指定几秒后自动消失,使用jQuery我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息,如公告、APP下载提…
通过JS实现一键复制指定内容教程 PetitQ HTML/CSS 2019-3-11 3.59K 0 2 经常会见到网站上各种“一键复制”的友好体验按钮,不局限于code 的复制,这样友好的体验,方便快捷的操作对访客来说百利无一害。在网上搜索了一番关于“JS 实现一键复制”的文章数不胜数啊。用得较多的就是通过 clipboard.min…
通过JS实现一键复制指定内容教程 PetitQ HTML/CSS 2019-3-11 3.59K 0 2 经常会见到网站上各种“一键复制”的友好体验按钮,不局限于code 的复制,这样友好的体验,方便快捷的操作对访客来说百利无一害。在网上搜索了一番关于“JS 实现一键复制”的文章数不胜数啊。用得较多的就是通过 clipboard.min…
纯CSS制作中英文双语导航菜单 PetitQ HTML/CSS 2019-3-09 1.90K 0 0 网站模板开发过程中,时常有客户需要把菜单做成中英文效果,当鼠标悬浮时切换语言,今天创客云分享一款你一定喜欢的CSS中英文双语菜单教程,此教程支持鼠标悬浮特效,您可以先运行一下看效果,绝对会另你满意。用到了一个背景图片,请自行下载。 …
纯CSS制作中英文双语导航菜单 PetitQ HTML/CSS 2019-3-09 1.90K 0 0 网站模板开发过程中,时常有客户需要把菜单做成中英文效果,当鼠标悬浮时切换语言,今天创客云分享一款你一定喜欢的CSS中英文双语菜单教程,此教程支持鼠标悬浮特效,您可以先运行一下看效果,绝对会另你满意。用到了一个背景图片,请自行下载。 …
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.78K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.78K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
常见CSS五种隐藏元素方式 PetitQ HTML/CSS 2019-3-09 1.90K 0 0 今天创客云分析下CSS隐藏元素,通常小伙伴们都会想到的一种方法就是设置display为none,这是也是最为人所熟知并且是最常用的方法。当然我也相信还有不少人想到使用设置visibility为hidden来隐藏元素,这种方式也是常用…
常见CSS五种隐藏元素方式 PetitQ HTML/CSS 2019-3-09 1.90K 0 0 今天创客云分析下CSS隐藏元素,通常小伙伴们都会想到的一种方法就是设置display为none,这是也是最为人所熟知并且是最常用的方法。当然我也相信还有不少人想到使用设置visibility为hidden来隐藏元素,这种方式也是常用…
网站侧边添加梅花飘落特效 PetitQ HTML/CSS 2019-2-17 3.38K 0 2 给网站左右两侧添加梅花飘落特效,花瓣从空中飘落,想雪花一样非常漂亮,刚开始耍博客的时候,比较热衷于这些,其实就是给网站加上一些特效,稍微的美化下带来一点异样的感觉,如果看起来感觉还可以,并且有兴趣的话,那我们继续看下怎么操作: 步骤…
网站侧边添加梅花飘落特效 PetitQ HTML/CSS 2019-2-17 3.38K 0 2 给网站左右两侧添加梅花飘落特效,花瓣从空中飘落,想雪花一样非常漂亮,刚开始耍博客的时候,比较热衷于这些,其实就是给网站加上一些特效,稍微的美化下带来一点异样的感觉,如果看起来感觉还可以,并且有兴趣的话,那我们继续看下怎么操作: 步骤…
HTML 标签属性 PetitQ HTML/CSS 2019-2-13 1.49K 0 0 Map标签常用在为图像的某区域添加超链接,主要定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img>…
HTML 标签属性 PetitQ HTML/CSS 2019-2-13 1.49K 0 0 Map标签常用在为图像的某区域添加超链接,主要定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。<img>…
CSS 禁用文本选择高亮(::selection) PetitQ HTML/CSS 2019-2-12 2.45K 0 0 大家都知道浏览器对选中的文本默认样式都是统一的,Windows下是一个深蓝色的背景,白字的前景,而在Mac下是一个淡蓝色背景,白色字体,就如上图所展示的一样,自从有了这个“::selection”选择器后,我们在部分浏览器中可以设置…
CSS 禁用文本选择高亮(::selection) PetitQ HTML/CSS 2019-2-12 2.45K 0 0 大家都知道浏览器对选中的文本默认样式都是统一的,Windows下是一个深蓝色的背景,白字的前景,而在Mac下是一个淡蓝色背景,白色字体,就如上图所展示的一样,自从有了这个“::selection”选择器后,我们在部分浏览器中可以设置…
stroke方法怎么使用 PetitQ HTML/CSS 2019-2-12 1.69K 0 0 stroke() 方法会实际地绘制出通过moveTo() 和lineTo()方法定义的路径,默认颜色是黑色。下面我们就来具体看看stroke() 方法的使用方法。我们先来看一下stroke() 方法的基本语法:context.str…
stroke方法怎么使用 PetitQ HTML/CSS 2019-2-12 1.69K 0 0 stroke() 方法会实际地绘制出通过moveTo() 和lineTo()方法定义的路径,默认颜色是黑色。下面我们就来具体看看stroke() 方法的使用方法。我们先来看一下stroke() 方法的基本语法:context.str…
Background-repeat 怎么使用 PetitQ HTML/CSS 2019-2-12 1.85K 0 0 我们知道background属性是用于设置背景的,那么background-repeat属性怎么使用呢?本篇文章就来给大家介绍一下background-repeat属性的使用方法。background-repeat属性设置是否及如何…
Background-repeat 怎么使用 PetitQ HTML/CSS 2019-2-12 1.85K 0 0 我们知道background属性是用于设置背景的,那么background-repeat属性怎么使用呢?本篇文章就来给大家介绍一下background-repeat属性的使用方法。background-repeat属性设置是否及如何…
CSS的+(加号)选择器怎么用 PetitQ HTML/CSS 2019-2-12 1.90K 0 0 在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下,希望对大家有所帮助。在CSS中“+”符号选择器被称为相邻兄弟选择器,用于选取在同一父元素下的,紧跟指定元素之后的另一个元素。…
CSS的+(加号)选择器怎么用 PetitQ HTML/CSS 2019-2-12 1.90K 0 0 在CSS中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下,希望对大家有所帮助。在CSS中“+”符号选择器被称为相邻兄弟选择器,用于选取在同一父元素下的,紧跟指定元素之后的另一个元素。…
如何用CSS3来实现三角形 PetitQ HTML/CSS 2019-2-12 1.61K 0 0 CSS的出现让网页有了更多的风格,尤其是CSS3的应用,让网页呈现了更多好看的效果,那么,css3中可以有哪些效果呢?如何使用CSS3来画一个三角形经常令人非常感到困惑,其实原理上是宽度相等的边距以45度来连接。好了原理我们了解了,…
如何用CSS3来实现三角形 PetitQ HTML/CSS 2019-2-12 1.61K 0 0 CSS的出现让网页有了更多的风格,尤其是CSS3的应用,让网页呈现了更多好看的效果,那么,css3中可以有哪些效果呢?如何使用CSS3来画一个三角形经常令人非常感到困惑,其实原理上是宽度相等的边距以45度来连接。好了原理我们了解了,…