-
原生态js方法实现全选复制功能
我的 demo 网站想做一个复制代码的功能，可是原生态的 js 只有 ie 下才能实现，其他浏览器都需要 flash 来实现复制功能，我又不想用 flash，鼓捣了很久，不能复制，我起码能做一个全选的功能吧。下面是复制的代码： function selectCode(objid){ var obj = document.getElementById(objid); obj.select(); } …- 2
- 0
-
纯CSS3实现手风琴风格菜单具体步骤
有朋友问我，我的 demo 里面的手风琴效果怎么做出来，看起来很漂亮，其实这个手风琴效果没用一点 js，全部用 css3 来实现的，菜单主要通过使用:target 伪类来实现，教程中我们主要通过使用伪类:before 和:target 来定义样式，使用:target 来实现菜单点击展开子菜单事件，希望你能够喜欢这个教程： 如何使用纯 CSS3 创建手风琴风格菜单呢，菜单主要通过使用:target …- 13
- 0
-
jQuery判断鼠标向上滚动并浮动导航
判断鼠标向上滚动，或者向下滚动，可以通过对比用户的上一次滚动的坐标和下一次的坐标，当上一次小于下一次时，即用户在向下滚动，反之，则说明用户在向上滚动。滚动的坐标值可以取窗口的 scrollTop。为啥会有这个需求呢？有没有发现在一国外的一些网站，当你向上滚动时，导航条浮动在顶部位置。用户如果是想看内容就可以直接点击到达，省去很多拖动的时间，当然返回顶部也是比较容易。但有时候返回顶部这个按钮往往被人…- 10
- 0
-
jQuery获取上传文件的名称类型大小
Web 开发中，经常会涉及到文件上传。文件上传时通常都要验证文件的有效性，这个通常就要用正则表达式来判断。 通常情况下，当用户通过<input type='file>'标签来上传文件时，我们可以看到上传文件的名称。 HTML5 File API 为我们提供了一种安全的方式，让我们在客户端访问计算机中的文件，并更好的对这些文件执行操作。 支持 File API 的浏览…- 3
- 0
-
HTML5 类名操作ClassList属性简介
常我们在操作类名时，需要通过 className 属性来添加，删除和替换类名。 因为 className 中是一个字符串，所以即使我们只是修改字符串的一部分，也要每一次都重新设置整个字符串的值。 如果一个元素有多个类名，要如何删除呢，jqeury 提供了 removeClass()这个 api，如果不用插件，自己封装，例如有下面的代码： <div class="name1 name…- 3
- 0
-
jQuery 实现点击选中改变当前样式
在做网站时，有些栏目元素有选择性，当我们点击某个栏目时，它会显示出不同于其它的样式，而没有被点击的，就恢复正常样式。效果如下图： 怎么在自己做网站时，实现这样的点击后改变当前样式的效果呢？这就需要使用 JQUERY 代码了。以下是 JQUERY 实现点击选中改变当前样式代码。 <script> $("#meau_nav>div").click(function…- 4
- 0
-
Audio 标签播放音频怎样隐藏下载按钮？禁止另存为？
有时候我们喜欢分享一些音频音乐，大部分应该会用插件来实现，调用网易或者 QQ 音乐。但是毕竟不是每首歌都能在某一平台找到，或者音质不理想，所以往往使用 audio 标签也就能满足了。但是 audio 标签的前台显示会有一个下载按键或者能右键另存为，这个就很不讨喜，如何隐藏呢？正常情况下，我们使用 audio 标签分享音频，前台显示会出现如下效果，会有一个下载的按钮，这个完全没有必要，还有不好的影响…- 20
- 0
-
实现滚动时动态缩小导航栏jQuery效果
我们先先看一下下面的效果，用 QQ 截的图，效果很不清楚，但是能说明问题。怎么实现这样的效果呢？用得比较多的算是 jQuery 的 waypoints 插件了，其实不用 jQuery 插件，很简单的一段 jQuery 代码就可以实现这样的效果，不过要结合 CSS3 过渡，IE9 以下的浏览器效果可能就差一点了。 实现以上效果的关键代码如下。首先，用 jQuery 判断网页滚动，网页滚动的高度大于 …- 3
- 0
-
jQuery 鼠标滑过链接图片滑动展开与隐藏效果
这篇文章主要介绍了 jQuery 实现鼠标滑过链接控制图片的滑动展开与隐藏效果，涉及 jQuery 鼠标事件的响应及链式操作的相关技巧，具有一定参考借鉴价值，需要的朋友可以参考下。 这里演示 jQuery 实现鼠标移动到链接上，滑动展开/隐藏图片效果，鼠标放在“上一页”“下一页”上，立即浮现出所对应的图片，有点提前预览的味道，让用户知道下一页或下一页的大致内容，很好的提升了用户体验。运行效果截图如…- 5
- 0
-
CSS 轻松实现常用的10种现代网页布局
页面布局是样式开发的第一步，也是 CSS 最重要的功能之一。常用的页面布局，其实就那么几个。下面我会介绍 10 个经典布局，只要掌握了它们，就能应对绝大多数常规页面。我会用到 CSS 的 Flex 语法和 Grid 语法，不过只用到一点点，不熟悉的朋友可以先看看教程链接，熟悉一下基本概念。 居中布局 在没有和 flex grid 之前，垂直居中一直不能很优雅的实现。而现在，可以结合我们 grid …- 2
- 0
-
利用animation动画实现呼吸灯效果
在阿里云看到其 Banner 上的一个呼吸灯效果，感觉非常具有科技感，看了下源码，原来只是一个 CSS3 效果，利用 animation 来实现的动画效果，一时技痒就写了一个 demo 记录一下。 实现思路 底图是一个暗的灯 jpg，另外一张图则是亮灯的 png 透明图片，利用绝对定位将亮灯图片定位在底图上。然后用 animation 写出动效，也就是呼吸灯的闪动效果。最后亮灯图片样式绑定该动效，…- 19
- 0
-
CSS 截取图片只显示部分图片
页面中需要在某个位置显示固定长宽的正方形图片，图片中有接近正方形比例但不是正方形，用 PHP 生成裁剪后的缩略图显然不合适，经过研究发现用 CSS 可以完美切割图片，经过测试 Chrome，FF，IE6-9 没问题。css 有一个 clip 属性可以剪切对象，对象 position 必须为 absolute。两张图分别为裁剪前和裁剪后的效果。 这个只是高度大于宽度的情况，如果这一批图片中还有一些宽…- 4
- 0
-
jQuery滚动事件$(window).scroll()实现导航栏高度变化
有些网站的导航菜单的高度随着网页下拉变化，并且将网页恢复到顶部时，高度又恢复。效果如下图： 怎么实现这样的导航栏高度随着网页拖动变化呢？这就需要使用到 jQuery 滚动事件$(window).scroll()。下面介绍一下实现方法。 第一步：在网站导航代码底部放上以下的代码，用于监测导航菜单与滚动条的垂直位置距离，达到标注的高度后，就自动给导航菜单添加一个 class 类 head_up； &l…- 12
- 0
-
如何给网页表单添加滑动验证
为了防止网站上的表单被恶意的提交垃圾信息，我们会给网页表单添加验证功能。常见的验证就是验证码验证，之外还有滑动验证。通过滑块的滑动来进行表单验证。 如何给网页表单添加这种滑动验证功能呢？下面介绍一下方法。 第一步：制作表单框，使用以下的 HTML 代码来进行制作表单框以及滑块； <form class="layui-form" action="">…- 13
- 0
-
wordpress支持中文用户名的简便方法
今天微码盒介绍新的方法，借鉴了 wp-includes/formatting.php 中 sanitize_user 函数的写法，同样是将以下 php 代码复制到当前主题目录下的 functions.php 中，即可让 WordPress 支持使用中文用户名注册和登录： 代码如下： function ludou_sanitize_user ($username, $raw_username, $s…- 12
- 0
-
移除WordPress后台隐私相关页面
WordPress 4.9.6 版新增 Privacy（隐私）设置，个人数据导出和删除工具，主要是为了兼容欧洲即将生效的通用数据保护条例，即 General Data Protection Regulation ，简称 GDPR。对于我们只是在国内运营的博客，这些页面暂时没有必要，所以可以把后台隐私相关的内容屏蔽掉。最新 GDPR 条例已经于 2018 年 5 月 25 日生效，这是被称为史上最严… -
添加支付宝即时到帐POST捐赠按钮功能
众所周知，支付宝已经关闭了个人收款页面（坑爹），现在捐款就只能通过手机客户端或者转账进行了，但是步骤很麻烦，本功能就是为了减少步骤而生，通过 from 标签进行 post 自动预填表，只需要登陆确定就行了–！ 使用说明: 在需要的地方添加以下代码： <form action="https://shenghuo.alipay.com/send/payment/fill.htm&quo… -
WordPress 后台菜单添加气泡通知
WordPress 后台中，不论是 WordPress 更新，还是相关的主题或者插件有升级更新提醒后，都会在相关的管理菜单中以红色气泡数字的通知方式告知你，那么对于一个 WordPress 开发者来说，如果想要深度的定制一些功能或者同样实现一些提示信息该如何来实现呢？ 这是因为子凡在前段时间做泪雪建站的提现功能开发时相当的，这样只要我们登录后台，只要有人申请了提现就能够一目了然的看到是否有待处理的…- 10
- 0
-
WordPress主题开发中禁用自动过滤HTML标签
出于安全考虑 WordPress 默认禁止角色为作者的用户写文章时直接添加 HTML 代码，包括读者留言时也是不允许的。如果想开放此限制，允许作者撰写文章和读者留言时添加 HTML 代码，比如插入视频站点提供的视频 HTML 代码等，可以尝试以下 方法一 打开 WordPress 程序 wp-includes 目录的 kses.php，搜索： add_action('init'…- 19
- 0
-
WordPress隐藏后台默认菜单及插件生成的菜单
最近在给一个客户定制的一个主题中，用到的几个插件中，有几个是自动在后台左侧创建了他们对应的菜单，这些插件对于客户来讲是没什么用的，同时如果他们自己修改插件的设置，还可能导致网站无法正常访问，所以就想到了去把这些插件的菜单隐藏起来，网上有介绍的一些方法，我用了好像没有效果，最后想，索性用最笨的方法，那就是用 CSS 隐藏掉，给对应的 class 添加 display:none;样式，试一下效果还不错… -
删除后台标题中的WordPress后缀
WordPress 后台标题（title）默认后缀显示-WordPress，如果想隐藏这个后缀，可以将下面代码添加到当前主题 functions.php 中，即可删除这个后缀： 去除后台标题中的“- WordPress” // 去除后台标题中的“—— WordPress” add_filter('admin_title', 'zm_custom_admin_title…- 17
- 0
-
WordPress 菜单图像描述支持 HTML 标签
默认情况下，WordPress 的菜单描述输入框不支持 HTML 代码，有些时间需要向菜单中添加一些 html 代码，比如添加个 SVG 图标，直接使用，所以需要改造下。 /*让菜单描述支持 html 代码*/ remove_filter( 'nav_menu_description', 'strip_tags' ); function salong_wp_…- 217
- 0
-
Google Captcha(reCAPTCHA)人机身份验证WordPress插件
Google Captcha（reCAPTCHA）插件是一种有效的平安处理计划，能够维护 WordPress 网站表单免受渣滓邮件入侵，同时让真人轻松经过。它可用于登录，注册，密码恢复，评论，盛行的联络表格等。包括 reCAPTCHA 版本 3，版本 2，在提交表单之前，用户需求确认他们不是机器人。这对人们来说很容易，对机器人很难。 reCAPTCHA 是 google 旗下的考证码效劳（免费的）…- 111
- 0
-
解决WordPress错误：Fatal error: Allowed memory size of
有朋友发现在安装 WordPress（安装插件，或者安装主题）时出现 WordPress 错误：Fatal error: Allowed memory size of XX bytes exhausted…，具体代码类似： Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 7680 byt…- 13
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×