-
利用:hover伪类实现鼠标指向区块滑出小提示效果
本文利用 css 中:hover 伪类实现将鼠标指向某区块时，区块内部滑出小提示效果，应用场景如广告上招商功能，一起来看一下。之前在某个平台发现了一个很有趣的效果，广告上有一个小按钮，当鼠标指向广告的时候，小按钮处侧滑出一个文本提示“也想在这里显示？联系我们吧”这种类似于“百度联盟图加 wap”版的效果瞬间让我觉得体验很棒，还能够起到“招商”的效果。当时准备拔下来，却发现人家启用了防扒代码功能，一…- 7
- 0
-
给菜单中UL下的某一个或某几个LI添加自定义类
我们有时候在定制 WORDPRESS 主题的时候，由于菜单样式的要求我们需要给我们的 WordPress 获取到的菜单中的 UL 下的某一个或某几个 LI 添加自定义的类，比如我给客户设置制作的这个主题中，因为 LOGO 在菜单中间显示，所以我需要第四个菜单和第五个菜单的右边和左边流出一定的距离来显示 LOGO，那么这个时候如果我能给第思个菜单和第五个菜单的 LI 分别添加一个自定义类，那么我就可…- 3
- 0
-
JS实现静态页面搜索并高亮显示的方法
本文实例讲述了 JS 实现静态页面搜索并高亮显示功能。分享给大家供大家参考，具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS搜索</title> </head> <…- 6
- 0
-
轻松解决 li 标签上边缘间隙问题
今天在调整网站评论模块样式的时候，发现 <li> 标签中上边缘有一个小小的间隙，虽然影响不大，但是对于一个有着深度强迫症的伪程序员，当然是要解决它。具体问题如下： 原因好像是插入的 <input> 标签的影响，解决方式也很简单，直接设置 CSS 为 float: left; 即可。- 3
- 0
-
根据user-agent判断客户端是PC、安卓、苹果显示不同内容
今天接到一个做客户的单子，他要求安卓、苹果、PC 端打开的页面显示不同的 APP 下载链接！目前用电脑上的浏览器，android 设备，iphone，ipad 均做过测试，此代码可行，各设备判断均正确。分享给有需要的人，大牛请绕道~ HTML 代码 <div class="download link" id="downloadSHY"> <…- 12
- 0
-
JS实现点击弹出层再点击任意位置隐藏弹出层
我们经常使用到弹出层。对于弹出层，原本的意义就是增加与用户的交互，提升用户的好感度。我们在使用的时候需要注意几个弹出层的注意点： 弹出层的界面需要统一，不一致的弹出层并不能增加美感，相反还会显得页面布局更加杂乱无章； 弹出层的设计一定要好看，按钮要符合项目的主色调； 弹出层的宽度固定屏幕占比，设置 max-width，高度根据内容自适应； 点击其他区域能隐藏弹出层。 今天，主要说说点击其他区域隐藏…- 13
- 0
-
jQuery 检查一个元素是否存在然后按需加载内容
前端开发的过程中，我们会使用很多 jQuery 插件，jQuery 插件使用得多了，会导致网页打开速度变慢。而引入的 jQuery 插件并不是每个页面都需要的。这时候使用按需加载的方法加载 jQuery 插件会对前端性能的提升有不少帮助。按需加载的方法有很多，今天我们来说一下 jQuery 的方法。判断网页中一个元素是否存在的方法： var $selector = $('.my-elem…- 3
- 0
-
最简单的HTMML5下拉菜单样式表代码分享
下拉菜单是 wordpress 程序主题里面最常用的菜单体验方式，但是大多新手的对于菜单的使用和调整方式并不理解，尤其是不懂样式表的同学操作起来很加的困难，所以这里给大家提供了现成的样式表代码样式，可以直接复制过去就可以呈现下拉的形态，并且可以直接用于 wordpress 主题的调整中，在对应的代码里添加一下菜单 函数就可以成功应用在现有的主题上，是不是十分的方便。 <style> /…- 2
- 0
-
jQuery 直接读取网站数据库数据并做判断的方法
我们在网站开发过程中，我们有时需要直接从数据库里读取数据，并且将数据进行相关的判断。我们读取数据库的常用方法就是直接使用 PHP 来读取。 今天给大家介绍一下使用 JQUEYR 直接读取网站数据库数据并做判断的方法。通过 JQEURY 从数据库中拿数据，并且根据自己的需要进行判断得到相关的结果。 JQUEYR 直接读取网站数据库需要以下几个步骤，首先是 JS 文件，在 JS 文件中，使用 AJAX…- 3
- 0
-
Background-repeat 怎么使用
我们知道 background 属性是用于设置背景的，那么 background-repeat 属性怎么使用呢？本篇文章就来给大家介绍一下 background-repeat 属性的使用方法。background-repeat 属性设置是否及如何重复背景图像，也就是定义了图像的平铺模式。默认地，背景图像在水平和垂直方向上重复。background-repeat 属性的设置从原图像开始重复，原图像由…- 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
-
CSS文本中换行不生效空格合并
css 天天打交道，没想到在一个基础的 white-space 属性上栽跟斗了，最近在项目的一个功能时，小程序上报上来的问题，用户是选择了直接使用手机键盘上换行的方式来填写多行的表单内容。但是当 PC 管理端查看的时候，span 内的内容全部挤到了一起，没有想用户提交的那样，一条是一条的。 现在框架用多了的小伙伴哪里还有 CSS 这么基础的储备，于是跑过来问，我也搞得一脸懵。于是乎，开始翻找 cs…- 10
- 0
-
巧妙利用CSS自动裁剪图像
页面中需要在某个位置显示固定长宽的正方形图片，图片中有接近正方形比例但不是正方形，用 PHP 生成裁剪后的缩略图显然不合适，经过研究发现用 CSS 可以完美切割图片，经过测试 Chrome，FF，IE6-9 没问题。css 有一个 clip 属性可以剪切对象，对象 position 必须为 absolute。 在 css 中，可以利用 clip 属性剪切图片，该属性用于剪切绝对定位的元素，当该元素…- 4
- 0
-
常见CSS五种隐藏元素方式
今天微码盒分析下 CSS 隐藏元素，通常小伙伴们都会想到的一种方法就是设置 display:none，这是也是最为人所熟知并且是最常用的方法。 当然我也相信还有不少人想到使用设置 visibility:hidden 来隐藏元素，这种方式也是常用的方法，而且也有很多人知道两者的不同。 除了这两种方法，本文总结了四种 css 隐藏元素方式，具有一定的参考价值，比较了这几种“隐藏”元素方法的区别和优缺点…- 12
- 0
-
使用jQuery设置指定时间后页面元素隐藏
在网页上我们通常会使用弹出框或者悬浮框来对重要的信息予以展示，但有时候为了兼顾到用户体验需要让其指定几秒后自动消失，使用 jQuery 我们就能够轻松实现。我们一般会使用悬浮条幅、弹窗框等来向用户展示某些重要的信息，如公告、APP 下载提示条等。一般情况下，我们会设置相应的关闭按钮，但有时候我们设置其几秒后自动消失是不是更加人性化呢？使用 jQuery 可以轻松实现该效果，下面提供两段代码供君选择…- 4
- 0
-
HTML5 placeholder美化input背景提示文字
CSS3 里提供了专门的规则属性来美化用 placeholder 实现的 input 输入框的背景提示信息。下面我们来看看如何用专用的 CSS 属性来美化具有 placeholder 属性的 Input 输入框。 CSS 代码 在火狐浏览器中的写法和在谷歌浏览器和 Safari 里的写法有些不同，但相信以后会统一。 /* 通用 */ ::-webkit-input-placeholder { co…- 3
- 0
-
你是如何学会正则表达式的？
正则表达式在几乎所有语言中都可以使用，无论是前端的 JavaScript、还是后端的 Java、c#。他们都提供相应的接口/函数支持正则表达式。但很神奇的是：无论你大学选择哪一门计算机语言，都没有关于正则表达式的课程给你修，在你学会正则之前，你只能看着那些正则大师们，写了一串外星文似的字符串，替代了你用一大篇幅的 if else 代码来做一些数据校验。既然喜欢，那就动手学呗，可当你百度出一一堆相关…- 12
- 0
-
半小时学会正则表达式（上）
正则表达式（Regular Expression）在代码中常常简写为 regex。正则表达式通常被用来检索、替换那些符合某个规则的文本，它是一种强大而灵活的文本处理工具。正则描述了一个规则，通过这个规则可以匹配一类字符串。 如何学习正则？ 1、学习正则表达式的语法规则 2、练习使用正则并能解决实际问题 针对上面的每个点我会分别写一篇文章来说明，用最短的时间学会正则表达式。这篇文章讲述正则表达式的语…- 5
- 0
-
PHP中判断一个字符串包含另一个字符串的方法
第一种方法：用 php 的 strpos() 函数判断字符串中是否包含某字符串的方法 if(strpos('www.weimahe.com','22vd') !== false){ echo '包含22vd'; }else{ echo '不包含22vd…- 10
- 0
-
为什么添加Font Awesome图标有些不显示？
现在很多 WordPress 或 ZBlogPHP 主题都集成有个性化图标，比如 Blogs 主题就集成了 Font Awesome 图标，用户无需安装插件即可添加个性化图标，但是有些用户反馈说添加的图标有些显示有些却不显示。 其实这是因为 Font Awesome 版本问题。比如目前 Blogs 主题集成的是 Font Awesome 5.0.13 版本，现在 Font Awesome 在 20…- 9
- 0
-
CSS 自定义浏览器滚动条样式
最近在使用 Chrome 浏览器访问 QQ 会员的官网时候发现网站的浏览器默认侧边滚动栏变成了如下图所示的样式，后来上网去查询了一下，然后得知该样式是可以通过 CSS 来设计的，于是就是自己捣鼓了一下。 该样式仅限于 Chromium 内核的浏览器，比如谷歌浏览器、QQ 浏览器、360 浏览器等等，非 Chromium 内核的浏览器则不会显示样式，例如火狐浏览器，欧朋浏览器等等。 CSS 元素 :…- 11
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×