CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.57K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
CSS元素隐藏后JS事件响应 PetitQ HTML/CSS 2019-3-09 2.57K 2 0 今天探讨下CSS元素隐藏后JS事件响应问题,在我们的发布的 常见CSS五种隐藏元素方式 一文中,我们分享了CSS隐藏元素的五中常见方法,介绍的也比较详细,这里就不累述了,开门见山直入主题,如果被隐藏的元素绑定了一些事件,我们执行了相…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.96K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
苹果手机将网站添加到主屏幕上的方法 PetitQ HTML/CSS 2018-11-08 2.96K 2 0 通常在iPhone,iPad,iTouch的safari上可以使用添加到主屏按钮将网站添加到主屏幕上。 apple-touch-icon是IOS设备的私有标签,如果设置了相应apple-touch-icon标签,则添加到主屏上的图标…
Span之间空隙原因和解决办法 PetitQ HTML/CSS 2018-11-08 3.17K 0 1 span之间的空隙,到底是什么?display:inline-block的元素虽然能够处于同一行,但是很变态的是它们之间出现了空格,如何处理? (例如在浮动元素居中当中,我们必须使用display:inline-block) 实例代…
Span之间空隙原因和解决办法 PetitQ HTML/CSS 2018-11-08 3.17K 0 1 span之间的空隙,到底是什么?display:inline-block的元素虽然能够处于同一行,但是很变态的是它们之间出现了空格,如何处理? (例如在浮动元素居中当中,我们必须使用display:inline-block) 实例代…
jQuery判断元素是否显示或隐藏 PetitQ HTML/CSS 2018-12-24 2.43K 0 0 简单介绍一下如何通过jQuery判断元素是否显示 是否隐藏,只需要简单的一个jQuery判断即可。 方法一 var node=$('#id'); if(node.is(':hidden')){ //如果node是隐藏的则显示nod…
jQuery判断元素是否显示或隐藏 PetitQ HTML/CSS 2018-12-24 2.43K 0 0 简单介绍一下如何通过jQuery判断元素是否显示 是否隐藏,只需要简单的一个jQuery判断即可。 方法一 var node=$('#id'); if(node.is(':hidden')){ //如果node是隐藏的则显示nod…
JS实现点击弹出层再点击任意位置隐藏弹出层 PetitQ HTML/CSS 2019-9-24 1.43K 0 0 我们经常使用到弹出层。对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度。我们在使用的时候需要注意几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章; 弹出层的设计一…
JS实现点击弹出层再点击任意位置隐藏弹出层 PetitQ HTML/CSS 2019-9-24 1.43K 0 0 我们经常使用到弹出层。对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度。我们在使用的时候需要注意几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章; 弹出层的设计一…
终极代码禁止查看网页源代码方法 PetitQ HTML/CSS 2020-12-03 1.22K 0 0 总是有新手问,如何禁止别人查看自己的网页源代码?答案是没有,对于有经验者所有方法都是徒劳的。一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。 document.onkeydown = function() { v…
终极代码禁止查看网页源代码方法 PetitQ HTML/CSS 2020-12-03 1.22K 0 0 总是有新手问,如何禁止别人查看自己的网页源代码?答案是没有,对于有经验者所有方法都是徒劳的。一般常用的方法是在网页中加上类似的JS代码,屏蔽屏蔽键盘和鼠标右键。 document.onkeydown = function() { v…
浅谈 CSS3 盒布局与弹性盒布局 PetitQ HTML/CSS 2022-6-11 718 0 0 在网页布局中,如果让让几个块状区域横向排列,常用的方法就是使用float:left。但使用float属性时,会出现一些问题,例如浮动,并且如果不同版块的内容数量不一样就会造成各个版块的高度不一样。 section 什么是CSS3 盒…
浅谈 CSS3 盒布局与弹性盒布局 PetitQ HTML/CSS 2022-6-11 718 0 0 在网页布局中,如果让让几个块状区域横向排列,常用的方法就是使用float:left。但使用float属性时,会出现一些问题,例如浮动,并且如果不同版块的内容数量不一样就会造成各个版块的高度不一样。 section 什么是CSS3 盒…
CSS样式表中样式覆盖优先顺序 PetitQ HTML/CSS 2018-11-08 1.73K 0 0 有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下: #navigator { height: 100%; width: 200; position: absolute; left: 0; bord…
CSS样式表中样式覆盖优先顺序 PetitQ HTML/CSS 2018-11-08 1.73K 0 0 有时候在写CSS的过程中,某些限制总是不起作用,这就涉及了CSS样式覆盖的问题,如下: #navigator { height: 100%; width: 200; position: absolute; left: 0; bord…
常见CSS五种隐藏元素方式 PetitQ HTML/CSS 2019-3-09 1.61K 0 0 今天创客云分析下CSS隐藏元素,通常小伙伴们都会想到的一种方法就是设置display为none,这是也是最为人所熟知并且是最常用的方法。当然我也相信还有不少人想到使用设置visibility为hidden来隐藏元素,这种方式也是常用…
常见CSS五种隐藏元素方式 PetitQ HTML/CSS 2019-3-09 1.61K 0 0 今天创客云分析下CSS隐藏元素,通常小伙伴们都会想到的一种方法就是设置display为none,这是也是最为人所熟知并且是最常用的方法。当然我也相信还有不少人想到使用设置visibility为hidden来隐藏元素,这种方式也是常用…
jQuery 检查一个元素是否存在然后按需加载内容 PetitQ HTML/CSS 2019-12-28 1.05K 0 0 前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载jQuery 插件会对前端性能的提升有不少帮…
jQuery 检查一个元素是否存在然后按需加载内容 PetitQ HTML/CSS 2019-12-28 1.05K 0 0 前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载jQuery 插件会对前端性能的提升有不少帮…
jQuery 直接读取网站数据库数据并做判断的方法 PetitQ HTML/CSS 2021-11-29 1.01K 0 0 我们在网站开发过程中,我们有时需要直接从数据库里读取数据,并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用PHP来读取。 今天给大家介绍一下使用JQUEYR直接读取网站数据库数据并做判断的方法。通过JQEURY从数据库…
jQuery 直接读取网站数据库数据并做判断的方法 PetitQ HTML/CSS 2021-11-29 1.01K 0 0 我们在网站开发过程中,我们有时需要直接从数据库里读取数据,并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用PHP来读取。 今天给大家介绍一下使用JQUEYR直接读取网站数据库数据并做判断的方法。通过JQEURY从数据库…
手机网站实现左边弹出导航菜单点击一级分类展开二级分类 PetitQ HTML/CSS 2023-8-16 490 0 0 手机网站实现左边弹出导航菜单点击一级分类展开二级分类,下面介绍一下手机网站常见的左边弹出导航菜单,并且点击一级分类展开二级分类的功能实现方法。 HTML代码: 网站首页 关于我们 产品中心+ 产品分类一 产品分类四 产品分类二 新闻…
手机网站实现左边弹出导航菜单点击一级分类展开二级分类 PetitQ HTML/CSS 2023-8-16 490 0 0 手机网站实现左边弹出导航菜单点击一级分类展开二级分类,下面介绍一下手机网站常见的左边弹出导航菜单,并且点击一级分类展开二级分类的功能实现方法。 HTML代码: 网站首页 关于我们 产品中心+ 产品分类一 产品分类四 产品分类二 新闻…