-
为什么添加Font Awesome图标有些不显示？
现在很多 WordPress 或 ZBlogPHP 主题都集成有个性化图标，比如 Blogs 主题就集成了 Font Awesome 图标，用户无需安装插件即可添加个性化图标，但是有些用户反馈说添加的图标有些显示有些却不显示。 其实这是因为 Font Awesome 版本问题。比如目前 Blogs 主题集成的是 Font Awesome 5.0.13 版本，现在 Font Awesome 在 20…...- 0
- 0
- 21
-
每个IP自定义时间弹窗跳转广告代码
分享一段网页自定义 ip 时间转跳弹窗的广告代码，支持自定义设置用户 IP 重复转跳网址的时间，做到每个用户，每个 IP 一定时间内不重复弹窗的功能。许多站长接广告的时候，因为弹窗价格比较高，所以经常会选择弹窗广告，不过这样对用户体验非常的差。但是如果能够设置每个用户 IP 在 24 小时内（或者自定义时间）只转跳一次，那就说得过去了，这样虽然体验也差，但总比用户每次刷新都弹要好很多。不多说，需要…...- 0
- 0
- 6
-
JS判断浏览器环境（pc端，移动端，还是微信浏览器）
今天突然看到一段很好的代码，分享给大家，顺便也给自己留个笔记。我们部署在 Web 服务器上的前端应用，既可以用 PC 浏览器访问，也可以用手机浏览器访问，再加上现在智能设备的推广，我们甚至能在车载系统、穿戴设备和电视平台上访问。设备的多样化让用户无处不在，有时候我们需要根据不同的浏览器运行环境做出对应的处理。浏览器是 JavaScript 的承载体，我们可以从浏览器上获取相关的信息，来进一步处理我…...- 0
- 0
- 108
-
图片垂直水平居中CSS实现方法
在前端开发制作中，图片垂直居中对齐是很常见的，有些是固定高度，有些没有固定高度，分享几种使用 CSS 实现图片垂直&&水平居中的方法，有些可能并不能兼容所有浏览器，大家可以自行选择： 方法一： html { width:100%; height:100%; background:url(logo.png) center center no-repeat; } 方法二： img { …...- 0
- 0
- 25
-
INPUT、SELECT等表单元素图片对齐问题
今天在写页面时，发现了一个问题，当 INPUT、SELECT 及用图片做的 button 放在一起（并排放一起）时一个高一个矮。刚开始怎么调样式都出不来结构，后来发现原来一个 vertical-align:middle 就可搞定。 归纳如下： 1、INPUT 和图片按钮对齐： <form method="post" action="ccc.asp"&g…...- 0
- 0
- 12
-
图片懒加载 lazyload.js ( jquery.lazyload.js ) 使用详解
lazyload.js 既 jquery.lazyload.js，作者 Mika Tuupola 。2.0 版本后插件不再依赖 jQuery ，之前的版本是依赖 jQuery 的，之前的默认使用自定义的 data-original （可修改）保存真实图片地址，2.0 之后新版本使用 data-src 保存真实图片地址，另外，设置参数调整较多。 对于一些图片使用比较多的网站，可能网页加载会比较慢，同…...- 0
- 0
- 14
-
轻松解决 li 标签上边缘间隙问题
今天在调整网站评论模块样式的时候，发现 <li> 标签中上边缘有一个小小的间隙，虽然影响不大，但是对于一个有着深度强迫症的伪程序员，当然是要解决它。具体问题如下： 原因好像是插入的 <input> 标签的影响，解决方式也很简单，直接设置 CSS 为 float: left; 即可。...- 0
- 0
- 8
-
用纯CSS打造圆形图片旋转的方法
上次看到一个博客的 LOGO 图片很好看，一个旋转的圆形人物图片，但是我看他用了大量的 JS 代码来渲染这个效果。其实这种方式纯 CSS3 是完全可以实现，我们只需要考虑清楚我们的思路。 1、圆形图片 我们这里使用了一张哈弗 H2 的图片。 然后把图片写成圆形。 height: 300px; width: 300px; border-radius: 150px; 2、将图片旋转 这里我们使用了动画…...- 0
- 0
- 16
-
如何给网页表单添加滑动验证
为了防止网站上的表单被恶意的提交垃圾信息，我们会给网页表单添加验证功能。常见的验证就是验证码验证，之外还有滑动验证。通过滑块的滑动来进行表单验证。 如何给网页表单添加这种滑动验证功能呢？下面介绍一下方法。 第一步：制作表单框，使用以下的 HTML 代码来进行制作表单框以及滑块； <form class="layui-form" action="">…...- 0
- 0
- 36
-
优化阅读体验网站全局字体CSS最佳写法
英文字体的文件大小比较小可以使用嵌入字体让网站展示更好，但中文就不一样了，文件大小是 MB 级别，为了 WEB 端性能，只好使用系统自带的默认字体，然而我们有 Windows 和 Mac OS 两个系统，这两个系统的默认字体是不同的，那么 CSS 中的 font-family、字体大小、颜色、行距如何设置才是最美、最好看的呢？作为网页设计师，对这方面也有所研究，下面是设计达人（公众号 ID：she…...- 0
- 0
- 42
-
最简单的HTMML5下拉菜单样式表代码分享
下拉菜单是 wordpress 程序主题里面最常用的菜单体验方式，但是大多新手的对于菜单的使用和调整方式并不理解，尤其是不懂样式表的同学操作起来很加的困难，所以这里给大家提供了现成的样式表代码样式，可以直接复制过去就可以呈现下拉的形态，并且可以直接用于 wordpress 主题的调整中，在对应的代码里添加一下菜单 函数就可以成功应用在现有的主题上，是不是十分的方便。 <style> /…...- 0
- 0
- 22
-
竖向长方形图片横向排列并取图片中间不挤压变形的CSS方法
先看下这个图片：一个竖向的长方形图片，需求就是：通过 CSS 的方法使展示的时候竖向图片要实现横向正方形排列而且图片不能变形。一般排列后效果为： 完全变形了，那么进行代码样式优化后的效果为（取图片中间）： HTML 部分： <li> <a href="1.jpg" title="测试" alt="测试"><d…...- 0
- 0
- 34
-
CSS3自定义webkit滚动条样式
默认的滚动条样式巨丑，项目中又有比较多地方会显示滚动条，故回头翻了一下 CSS3，还真能不用插件实现自定义滚动条的样式，Webkit 支持拥有 overflow 属性的区域，列表框，下拉菜单，textarea 的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的。内容超出容器时，容器会出现滚动条，其自带的滚动条有时无法满足我们审美要求，那么我们可以通过 css 伪类来实现对滚动条的自…...- 0
- 0
- 22
-
浅谈 CSS3 盒布局与弹性盒布局
在网页布局中，如果让让几个块状区域横向排列，常用的方法就是使用 float:left。但使用 float 属性时，会出现一些问题，例如浮动，并且如果不同版块的内容数量不一样就会造成各个版块的高度不一样。 什么是 CSS3 盒布局 那么 CSS3 盒布局 display:box 就可以解决这样的问题，它可以不需要使用 float 属性就可以横排块状元素。并且每一个版块的高度都是一样的。它的作用与 C…...- 0
- 0
- 18
-
jQuery外链新窗口打开
对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置 target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过 jQuery 查询要点击的链接，添加相关属性，使其打开新窗口。 $(document).on('click','a',function(){ var url = this.href,ha…...- 0
- 0
- 19
-
jQuery 通过class名称验证表单值不为空
我们在使用 CMS 系统开发网站的时候，经常需要验证表单数据为必填项，若用 jQuery 通过 ID 去验证，不仅会影响效率，还会有所遗漏，不易于后期维护。 本章将介绍如何利用 jQuery，通过为表单配置 class 进行统一验证。（ID 一个页面只可以使用一次，class 可以多次引用） 1：为 input 添加 class，名字可以随意设置，但每个 input 需要保持一致，本章案例 cal…...- 0
- 0
- 20
-
jQuery获取上传文件的名称类型大小
Web 开发中，经常会涉及到文件上传。文件上传时通常都要验证文件的有效性，这个通常就要用正则表达式来判断。 通常情况下，当用户通过<input type='file>'标签来上传文件时，我们可以看到上传文件的名称。 HTML5 File API 为我们提供了一种安全的方式，让我们在客户端访问计算机中的文件，并更好的对这些文件执行操作。 支持 File API 的浏览…...- 0
- 0
- 16
-
HTML5（FileReader）实现图片上传预览功能
前言 FileReader 对象允许 Web 应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容,使用 File 或 Blob 对象指定要读取的文件或数据。下面通过本文给大家介绍 JS 中利用 FileReader 实现上传图片前本地预览功能，需要的朋友参考下。 平时做图片上传预览时如果没有特殊的要求就直接先把图片传到后台去，成功之后拿到 URL 再渲染到页面上，这样做在图片比较小…...- 0
- 0
- 15
-
半小时学会正则表达式（下）
这篇文章通过实现 5 个小功能，解决 2 个实际开发中遇到的问题，来讲述在 Java 中如何使用正则，让你半小时掌握正则表达式。 一、Java 中如何使用正则 Java 中正则相关类位于 java.util.regex 包下，主要使用 2 个类，如下： Pattern 类： Pattern 是正则表达式 regex 的编译表示形式 代码：Pattern pattern = Pattern.comp…...- 0
- 0
- 10
-
CSS的+(加号)选择器怎么用
在 CSS 中“+”符号选择器用于选择紧跟在指定元素之后但不在特定元素内部的元素。下面本篇文章就来具体介绍一下，希望对大家有所帮助。在 CSS 中“+”符号选择器被称为相邻兄弟选择器，用于选取在同一父元素下的，紧跟指定元素之后的另一个元素。 基本句式 元素E + 元素F{ //CSS属性 } 说明：所有主流浏览器都支持“+”符号选择器；但在 IE8 中运行，必须声明<!DOCTYPE>…...- 0
- 0
- 22
-
终极代码禁止查看网页源代码方法
总是有新手问，如何禁止别人查看自己的网页源代码？答案是没有，对于有经验者所有方法都是徒劳的。一般常用的方法是在网页中加上类似的 JS 代码，屏蔽屏蔽键盘和鼠标右键。 document.onkeydown = function() { var e = window.event || arguments[0]; if (e.keyCode == 123) { alert('禁止F12…...- 0
- 0
- 18
-
超级有意思经典代码注释图
对于很多程序员来说，最讨厌别人不写注释。而有些人写出来的代码注释，通常拥有幽默搞笑的风格，看起来很有意思。网上收集了许多超级有意思的代码注释，有如来佛、草泥马等有趣的注释！ /*** * .,:,,, .::,,,::. * .::::,,;;, .,;;:,,....:i: * :i,.::::,;i:. ....,,:::::::::,.... .;i:,. ......;i. * :;..:…...- 0
- 0
- 40
-
如何让网页文字像古文一样从右到左排列
以前古文书籍的文字排序是从右到左，向上到下的排列。那么我们自己的网页上的文字也想像古文书籍那样排列，怎么实现呢？对于 CSS3 中已经有这样的属性来控制这个的效果了。 要实现这种网页文字像古文一样从右到左排列，可以使用 CSS3 中的 writing-mode 属性。 writing-mode 属性定义了文本在水平或垂直方向上如何排布。 语法格式如下： writing-mode: horizont…...- 0
- 0
- 92
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×