CSS隐藏文字的方法
在前端web的一些特殊场合下，有时假需要对HTML元素中的文字讲行隐藏，如果使用JS脚本的话，可以很方便实现文字的隐藏，但如果使用CSS样式来搞呢。下面就说二种利用CSS轻松实现隐藏元素文字的方法。CSS隐藏HTML元素文字的方法1、使用css font-size 属性来隐藏文字css font-size属性是控制文字大小的方法，如果将其
ZBLOG主题/插件定制开发流程
在前端web的一些特殊场合下，有时假需要对HTML元素中的文字讲行隐藏，如果使用JS脚本的话，可以很方便实现文字的隐藏，但如果使用CSS样式来搞呢。下面就说二种利用CSS轻松实现隐藏元素文字的方法。CSS隐藏HTML元素文字的方法1、使用css font-size 属性来隐藏文字css font-size属性是控制文字大小的方法，如果将其
在一些前端的商品页面中，如果有价格优惠的话，都会把原价格用html的删除线标签进行标注，这样有利于用户对价格进行阅读，关于html的删除线标签的使用可以参考下文的讲解。html 删除线标签介绍<s></s>：删除线标签让浏览器把其加s标签的文本内容加删除划线样式（在文本上有一道横线）呈现给阅读者。语法：<s&
记录一个利用jq插件来获取form表单内所有值的方法。jq获取form表单内所有元素的值：<html><head><title>jq获取表单的值</title><script src="https://cdn.staticfile.org/jquery/2.2.4/jquer
今天无意间看到抖音上有人直播用html加JS脚本写了一个仿黑客帝国电影中的代码雨的特效，就觉的很稀奇，就在网上找了一个源码然后自己修改了一下，感觉效果还可以，就分享一下。html+js使用黑客帝国代码雨的效果下面是使用黑客帝国代码雨的源码，直接复制到本地，保存为后缀为.html文件即可！<html><head>&l
HTML页面中的 textarea 输入框是默认在右下角显示一个小三角的，用鼠标拖动小三角是可以调整 textarea 输入框的大小的。如果html的页面布局比较复杂，那么调整 textarea 大小会破坏掉页面整体布局的完整性，那么如何来禁止 textarea 调用大小呢？可以参考下面的方法。禁止 textarea 调用大小的方法css
今天在做一个不需要from表单提交数据的复选框的小功能时，需要在复选框选中或取消选中的同时对一些后台的数据进行修改。就想到了使用js代码来监控复选框的状态，并向后台发送时时数据。关于js代码如何监控 checkbox 复选框的状态，可以参考下面的示例。checkbox 复选框选中与未选中触发事件的方法jq代码__点击checkbox,触发
今天在做定制插件的时候，遇到个给table表格中的行添加链接的问题，以前没有遇到过此需求，就参考了下别人写的代码，记录一下。html给table中的行添加链接给table表格中的行添加链接一般是使用的js代码来实现的，可以参考下面的示例！例1：给table表格的行添加链接<!doctype html><html>&
前端的js脚本可以实现复制网页中指定的内容到剪切板中，比如input内的内容，div元素内的内容等等，具体的实现方法可以参考下面的文章。JS实现复制div(span)的内容到剪切板的方法先看示例代码：<!doctype html><html><head><meta charset="ut
web前端中，在正常的情况下如果隐藏滚动条，则会导致页面无法上下或左右滚动。但如果想达到隐藏滚动条又想不妨碍页面的滚动该如何做呢？下面我们就说一说如何使用CSS代码来达到隐藏滚动条的目的！firefox(火狐)浏览器CSS隐藏滚动条的方法对于火狐浏览器隐藏滚动条，只需要将滚动条的宽度设置为none即可！CSS代码：scrollbar-wi
在web前端中，number类型的input输入框在获得鼠标焦点的情况下，会出现两个向上和向下的箭头。虽然箭头可用于input输入框中的数字增大和减小，但在某些特定的场景中反而会让用户产生错乱的感觉。为了避免此情况的发生，我们可以使用css样式来隐藏掉 input 中的箭头，下面来说说方法！number类型input输入框去掉箭头的教程1
在前端的网页设计需求中，有时候需要使用表格来展示一些数据，但又不能使用 html 中的 table 标签来做，那么我们只有使用 DIV + CSS 来画一个表格了。下面就介绍几种方法，大家来参考一下！使用 DIV+CSS 制作一个表格先上一个由CSS+DIV简单制作的表格样式的示例！html示例代码：<!DOCTYPE html&g
在前台的 html 页面设计中，有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢？下面飞鸟慕鱼博客的小编就来和大家说一说！限制 input 只能输入大于 0 的正整数的示例示例1：下面的代码可以实现，input 只限制输入大于 0 的正整数，但是如果使用复制粘贴内容的方法，是可以绕过判断的，因为它只
今天有人说可以利用 html 页面的中 meta 标签来屏蔽搜索引擎蜘蛛的抓取或不让蜘蛛抓取网页中的其它链接，本着好奇的精神，就查了一些相关的资料，发现了一串类似 <meta name='robots' content='noindex,nofollow' /> 这样的HTML代码，可以告诉来网
在 html table 表格元素的默认设置中，如果为每个表格定义它的边框，整体看起来就感觉非常的凌乱，所以这篇博文就说一说，如果将 table 表格的单元格边框合成一条单线。table 表格边框默认的样式例代码：<!DOCTYPE html><html><head><meta charset=&
html 页面中的 input 元素，可以通过设置一些指定的属性，来禁用它的功能，使其不可编辑，不可复制，不可选择，不能接收焦点以及后台也不能接收到它的传值等。下面就来说几种 input 元素中常用的禁止属性。input disabled 属性disabled：属性规定应该禁用 input 元素。作用：使 input 元素不可编辑，不可复
在前端 html 页面的设计中，有个别需要向访客突出显示的元素时，可以加上一些阴影的效果，让它的辨识度更高，让访客可以一眼发现它存在。关于 html 元素的阴影效果的设置，可以使用 CSS3 中的属性 box-shadow ，下面飞鸟慕鱼博客就来和大家说一说，关于此属性的用法。CSS3 box-shadow 属性详解box-shadow：
使用 php 向 html 的 textarea 标签内写入内容或由 html textarea 标签向 php 提交内容时，其 textarea 内容里换行符一直是个很麻烦的问题(个人觉的，大姥可以忽略)。这篇博文就记录一下，php 读取与输出 textarea 标签的换行符问题。php 向 textarea 标签输出换行由 php 向
html页面中的多个连续的<li>标签在默认的情况下是竖向排列的，不过我们可以设置 li 标签的 CSS 样式，来使一个 ul 标签中的所有 li 标签都横向排列。多个 html 中 li 标签默认竖向排列html代码<!DOCTYPE html><html><head><meta c
上午接到博客访客的反馈，表示博客中的链接在原窗口打开的话，网站的体验非常的不好，而自己又懒的一个个去修改博客网页中的链接打开方式，就加了一个强制页面所有链接新窗口打开的代码，一招解决问题。html页面强制所有链接新窗口打开的代码<base target="_blank">将此代码放到，网页中的 <he
今天在用W3C检测网页的标签时，发现了一个<time>的html标签，虽然自己的博客模版上也用过这个html标签，但还是仔细的查找了关于它的一些文档说明，记录下来以备后用。html <time> 标签<time>：标签定义公历的时间(24小时制)或日期语法：<time>2019-11-19&
js脚本在控制div元素在显示与隐藏之间进行切换时，如果不能确定div当前的状态，切换时往往会发生一些逻辑错误的事情，导致div元素的动态效果在切换时不是很流畅。那么飞鸟慕鱼博客就来说一说，如何判断div当前是否处于隐藏的状态方法。html代码<div id="mochu" style="display
ZBLOG主题/插件定制开发流程