DIV拖拽排序的JS插件sortable.js
Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Element UI。你可以用来拖拽div、table等元素。sortable.js
ZBLOG主题/插件定制开发流程
Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Element UI。你可以用来拖拽div、table等元素。sortable.js
记录几个CSS属性定义文本换行，不换行以及超出隐藏显示省略号的方法。CSS定义文本自动换行div{ word-wrap:break-word; word-break:normal;}CSS强制英文单词换行div{ word-break:break-all;}CSS强制不换行的方法div{ white-space:nowra
在使用可编辑的DIV标签做为输入框时，发现按回车后会自动生成一个div元素，如果想回车时直接生成一个br的标签该如何做呢？下面就介绍一种利用JQ实现可编辑DIV标签按回车后生成<br/>标签的方法。div可编辑时回车自动生成<br/>标签的方法在浏览器中，div可编辑时如果按回车，会自动生成一个DIV或P标签。可以
利用CSS样式中的 filter 属性可以设置图片元素的可视效果，再配合使用 brightness() 来调整图片的亮度，就可以实现图片元素变暗的效果。CSS实现图片变暗的方法示例代码：<!--正常图片--><img src="https://www.feiniaomy.com/zb_users/upload/
在css中，可利用transform属性实现垂直翻转效果，此属性可对DIV元素，图片元素都有效果。而这篇博文所要说的图片垂直效果也要使用这个CSS属性。CSS 实现图片垂直翻转的方法实现代码：<img src="https://www.feiniaomy.com/zb_users/upload/2020/08/202008
在前端web页面中，美化表格时一般都是使用隔行变色的方案。而这种方案实现起来也非常的简单....table表格隔行变色的方法table表格选择奇数行或偶数数要利用CSS中的 nth-child() 选择器，其 nth-child() 选择器中的值可以是数字，关键词或公式。nth-child(2n-1) //奇数行nth-child(odd
如果CSS中的 pointer-events 属性，设置其值为 none 的话，可以禁止 button 元素被点击，并且也可禁止其 JS 点击事件。CSS pointer-events 属性pointer-events：设置元素是否对指针事件做出反应语法：pointer-events: auto|none;可选值：auto：默认值，可以
在给别人调试网站时，在前端网站的头部代码中发现了一串 <base target="_blank"> 代码，虽然以前没少用这东西，但也有新手不太了解，下面就详细的说一下。HTML base 标签base：固定页面上的所有链接默认地址或默认打开方式的标签！语法：<base href="xxxxx
在css样式代码中，可以利用 text-indent 属性来设置文本块的首行缩进，使用方法也非常的简单，可以参考下面的示例。css text-indent 属性text-indent：为CSS样式代码中的一个属性，它规定文本块中首行文本的缩进大小，其默认值为0，可以将值设置为其父元素的百分比或指定的缩进长度。例：text-indent:
禁止 input 元素输入内容可以给其添加 disabled 和 readonly 属性，虽然这两个属性都可以禁止 input 的输入，但也是有一些差别的！disabled 属性禁止 input 输入input 元素添加 disabled 属性，可以使用 input 输入框变灰，并且不可把选中以及复制，在form提交时也不会提交其inpu
接到了个小活，其中就有一个需求是利用 CSS 样式代码将图片变灰，这个需求很只需要使用 CSS filter 属性中的 greyscale 值即可，下面具体的来说一下。css3 greyscale 样式css3 中 greyscale 是 filter 中的一种属性，可以对HTML元素进行灰色滤镜，它的用法也非常的简单，并可以适用于a，d
在前端web页中，一些input输入框尤其一些登录窗口的用户名输入框或搜索类型的输入框在鼠标点击或选中时会出现下拉的提示，这也是浏览器自带的内容自动填充完成功能，虽然这些提示可以很方便的让用户进行输入操作，但为了不爆露用户的个别隐私(密码或搜索记录等)，需要对指定的输入框进行禁止自动填充的操作。下面提供一种利用 html 标签属性来禁止浏
利用CSS可以画多边形状的，比如平行四形，三角形，四边形，五边形，六边形等。具体方法参考下面的内容吧。CSS画四边形的方法css里面最简单的就是画四边形了，这个经常用到，具体不再多说，直接上CSS代码。CSS代码：<style>.m {width: 200px;&
闲着没事研究了下利用CSS样式代码画三角形的方法，比如CSS画直角三角形，CSS画等边三角形等。CSS画三角形是利用了DIV元素的边框的宽度以及颜色来实现的，具体可以参考下面的几个CSS画三角形的方法。css定义边框的宽度以及颜色css代码：<style>.m{width: 0px; &
遇到了一个需要修改html页面中input与text元素中 placeholder 属性值颜色的需求，利用CSS很快的就解决了。解决方法如下。CSS 修改 placeholder 属性文字颜色的方法css代码：input::-webkit-input-placeholder{color:red;}input::-moz-placehold
在前端含有form表单的web页或表单提交后的重定向页面中，如果使用f5或手动刷新时浏览器为了防止表单重复二次提交会弹出“确认重新提交表单”的提示，为了页面对访客更加的友好，我们可以利用js脚本代码来去除这个浏览器的提交。js去掉浏览器“确认重新提交表单”提示的方法解决方法：在页面中添加以下js代码window.history.repla
在css样式代码中有一个 text-transform 属性，此属性可以强制改变其控制的元素中内容中字母的大小状态，具体的使用方法参考下面的内容。CSS text-transform 属性text-transform：控制文本中字母的大小写。属性值：none：默认，展示默认的文本内容！capitalize：每个英文单词以大字字母开头！u
在前端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
ZBLOG主题/插件定制开发流程