-
JS实现点击弹出层再点击任意位置隐藏弹出层
我们经常使用到弹出层。对于弹出层,原本的意义就是增加与用户的交互,提升用户的好感度。我们在使用的时候需要注意几个弹出层的注意点: 弹出层的界面需要统一,不一致的弹出层并不能增加美感,相反还会显得页面布局更加杂乱无章; 弹出层的设计一定要好看,按钮要符合项目的主色调; 弹出层的宽度固定屏幕占比,设置 max-width,高度根据内容自适应; 点击其他区域能隐藏弹出层。 今天,主要说说点击其他区域隐藏…- 5
- 0
-
Javascript 实现虚线边框旋转效果
看到百度 ueditor 编辑器网站首页,底部有一个滚动虚框的效果(原谅我不会做 gif 图),如图: 就去看了一下,开始以为是 CSS,后来打开 F12 ,哦原来是 js,那就尝试写一下吧。 HTML 部分 <div class="box"> <div class="topBorder" id="J_borTop"&g…- 5
- 0
-
jQuery 检查一个元素是否存在然后按需加载内容
前端开发的过程中,我们会使用很多 jQuery 插件,jQuery 插件使用得多了,会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载 jQuery 插件会对前端性能的提升有不少帮助。按需加载的方法有很多,今天我们来说一下 jQuery 的方法。判断网页中一个元素是否存在的方法: var $selector = $('.my-elem…- 3
- 0
-
CSS完美实现iframe高度自适应(支持跨域)
Iframe 的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是 Iframe 有个致命的“BUG”就是 iframe 的高度无法自动适应,这一点让很多人都头疼万分。百度或是谷歌一下,确实很多解决方法,但尝试一下,会发现问题很多:浏览器兼容性差,不能自适应,仅支持同域 Iframe 等诸多问题,尤其是跨域 Iframe 高度自适应问题。网上…- 2
- 0
-
Html清除浮动的几种方法介绍
Html 清除浮动的几种方法介绍,在清除浮动前我们要了解两个重要的定义: 浮动的定义:使元素脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮动后,父元素会发生高度塌陷) 知道浮动和为什么要清除浮动之后我们可以开始学习如何清除浮动了,这时候我们就需要用到清除浮动的属性 clear, clear:left |…- 6
- 0
-
jQuery外链新窗口打开
对于外链,为了留住用户在本站,我们通常会使用新窗口打开,你可以设置 target="_blank"。然而手动一个是麻烦,另一个则是有可能会遗漏,本文通过 jQuery 查询要点击的链接,添加相关属性,使其打开新窗口。 $(document).on('click','a',function(){ var url = this.href,ha…- 2
- 0
-
每个IP自定义时间弹窗跳转广告代码
分享一段网页自定义 ip 时间转跳弹窗的广告代码,支持自定义设置用户 IP 重复转跳网址的时间,做到每个用户,每个 IP 一定时间内不重复弹窗的功能。许多站长接广告的时候,因为弹窗价格比较高,所以经常会选择弹窗广告,不过这样对用户体验非常的差。但是如果能够设置每个用户 IP 在 24 小时内(或者自定义时间)只转跳一次,那就说得过去了,这样虽然体验也差,但总比用户每次刷新都弹要好很多。不多说,需要…- 2
- 0
-
你是如何学会正则表达式的?
正则表达式在几乎所有语言中都可以使用,无论是前端的 JavaScript、还是后端的 Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是:无论你大学选择哪一门计算机语言,都没有关于正则表达式的课程给你修,在你学会正则之前,你只能看着那些正则大师们,写了一串外星文似的字符串,替代了你用一大篇幅的 if else 代码来做一些数据校验。既然喜欢,那就动手学呗,可当你百度出一一堆相关…- 10
- 0
-
半小时学会正则表达式(上)
正则表达式(Regular Expression)在代码中常常简写为 regex。正则表达式通常被用来检索、替换那些符合某个规则的文本,它是一种强大而灵活的文本处理工具。正则描述了一个规则,通过这个规则可以匹配一类字符串。 如何学习正则? 1、学习正则表达式的语法规则 2、练习使用正则并能解决实际问题 针对上面的每个点我会分别写一篇文章来说明,用最短的时间学会正则表达式。这篇文章讲述正则表达式的语…- 5
- 0
-
WordPress使用经验 独立的Description 和 Keywords
你下载的 WordPress 主题提供的 keywords 和 description 这两个 meta 标签一般都做得很差,或者根本就不提供,这样不利于 SEO。本文将指导你如何给主页、分类、页面以及文章页添加单独的 Description 和 Keywords。 很多人都在用 All in One SEO 插件解决这个问题,但是又有很多人说这个插件不好。大不了咱就自己用代码实现吧。下面提供露兜…- 15
- 0
-
PHP中判断一个字符串包含另一个字符串的方法
第一种方法:用 php 的 strpos() 函数判断字符串中是否包含某字符串的方法 if(strpos('www.weimahe.com','22vd') !== false){ echo '包含22vd'; }else{ echo '不包含22vd…- 9
- 0
-
Darkmode – 网站支持炫酷暗黑模式/夜间模式
Darkmode.js 这个东西还是挺好玩的,非常易于使用,只需一段代码就可以让你的网站支持暗黑模式,安装好之后,在网页的右下角有一个圆形按钮,点击即可切换白天/夜晚模式。Darkmode.js 是开源的项目,所以可以免费玩耍 ,不过如果想玩的好,还是需要点技术的。这篇文章就来看看如何安装这个 Darkmode.js。 官网:https://darkmodejs.learn.uno/ Github…- 15
- 0
-
除了最后一个元素之外其他元素之间添加分隔符
除了最后一个元素之外其他元素之间添加分隔符,您可以使用标准的 CSS 来做到这一点: li:after { content: ','; } li:last-of-type:after { content: ''; } 我更喜欢单独的规则,但如果稍微少一个更简洁: li:not(:last-of-type…- 5
- 0
-
解决absolute绝对定位高度塌陷无法撑开父元素
网站上某个元素设置了 absolute 绝对定位后,它的高度是不会影响父元素的高度的。这在某些情况下会影响布局。怎么解决这种 absolute 绝对定位高度问题呢?让 absolute 绝对定位的高度自动添加到父元素上。 解决 absolute 绝对定位高度问题,一般有二种方法。 第一种就是给父元素添加一个固定的高度值,这样就不会有父元素高度为 0 的情况了。 第二种是使用 JQUERY 来获取 …- 10
- 0
-
WordPress搬家后出现中文乱码的解决方法
WordPress 搬家后出现中文乱码的解决方法 步骤/方法: 1.进入你的主题文件夹,选取你要加中文文字的那个文件,例如我的就是 footer.php。 2.把 footer.php 下载到本地,改后缀名,改为.txt。 3.打开 footer.txt ,点击文件->另存为,在“编码”这个框里,选“UTF-8”,点保存。 4.把这个另存为生成的新文件,命名为 footer.php,上传就行…- 16
- 0
-
WordPress文章页面添加字体增大减小
字体的大小 影响读者的视觉感受,我们可以在 wordpress 的文章页面 single.php 上通过 js 添加字体的增大减小按钮,来方便字体大小的调整。 1、在 single.php 文章页面添加 Js <script type="text/javascript"> function SetFont(size){ document…- 21
- 0
-
为WooCommerce后台订单列表添加按自定义字段筛选过滤订单的功能
在 WooCommerce 后台订单列表中,我们可以按照订单状态、订单日期、订单客户来筛选订单,有些情况下,按照 WooCommerce 订单的自定义字段来筛选订单是很有必要的,本文我将带大家了解一下怎么为 WooCommerce 后台订单列表添加按自定义字段来过滤订单的功能,完成后的效果图如下: 第一步 在订单筛选表单中添加一个自定义字段下拉输入 在这一步中,我们使用 woocommerce_o…- 16
- 0
-
WordPress4.9.x 完整汉化版
WordPress 中文版一直跟不上升级的步伐,从 4.9.6 版开始,后台设置菜单、新增加的隐私设置和个人数据导出删除功能没有汉化,看上去很别扭,强迫症复发,自己动手汉化,并分享一下。使用方法:将下载的 languages4.9.x 解压后,将里面的四个文件替换 wp-content\languages 目录的下同名文件即可。也可以下载我制作的完整 WordPress4.9.8 中文版。水平有限…- 29
- 0
-
如何修改 WordPress 文章格式名称
WordPress 文章格式分别有: aside, audio, chat, gallery, image, link, quote, status, video ,对应的中文名称分别: 日志,音频,聊天,相册,图像,链接,引用,状态,视频。虽然提供了多种文章类型 ,但是并不是每个文章格式都符合个人需要。然而,WordPress 并没有提供支持自定义文章格式的能力,因此,如果想要使用这些固定的文章…- 165
- 0
-
WordPress邮件发信PHPMailer暴露网站IP地址
想必很多站长都认为,隐藏网站服务器真实 ip 的最佳方式就是套上 CDN,这样指向我们网站服务器的 ip 就变成了 cdn 提供商的服务器 ip。 我以前就认为加上 cdn 我的 ip 就安全了,知道昨天无聊刷头条时看到有位技术爱好者发了一篇关于邮件发送 PHPMailer 暴露服务器 ip 的文章,邮件会带有发送地址的 ip 这个我知道,但是我们采用的是阿里云或者腾讯云提供的发信服务,发信地址应…- 269
- 0
-
删除WordPress默认“未分类”
刚安装完的 WordPress 会自动在后台建一个“未分类”的默认分类目录,可以修改名称但不能删除,刚接触 WordPress 的新手,会认为这是默认分类不允许删除,其实这个默认的分类目录是可以删除的,之所以不能删除关键的设置在这里:进入 WordPress 后台→设置→撰写,在撰写设置页面“默认文章分类目录”选项中选择一个其它分类目录,并保存更改。 之后再进入分类目录页面,你会发现可以对这个默认…- 44
- 0
-
WordPress 混合内容中常见的 SSL 问题
混合内容情况下浏览器地址栏就不会看到一把锁的图标,而是一个感叹号。混合内容是由于文件源(例如脚本、图片或者样式文件)仍然在使用 HTTP 协议加载引起的。 WordPress 混合内容解决方法 1、确认在 WordPress 的设置中使用了 HTTPS,设置 -> 常规 页面,确保 WordPress 地址和站点地址都是 HTTPS 的地址。 2、安装 WordPress 插件 Better… -
WordPress获取文章特色图像路径函数
特色图像是 WordPress 主要的文章缩略图功能,几乎全部 wordpress 模板都使用或支持特色图像。今天介绍的 wp_get_attachment_image_src()函数就是获取文章特色图像路径的 wordpress 函数,通过该函数可以返回一个包含图片路径、宽度和高度的有序数组。 函数结构: <?php wp_get_attachment_image_src( $attach…- 311
- 0
幸运之星正在降临...
点击领取今天的签到奖励!
恭喜!您今天获得了{{mission.data.mission.credit}}积分
我的优惠劵
-
¥优惠劵使用时效:无法使用使用时效:
之前
使用时效:永久有效优惠劵ID:×
没有优惠劵可用!