HTML/H5 + css/css3 + JS/JQuery
关注
分享
扫一扫
文章平均质量分 66
weixin_13031166945
这个作者很懒，什么都没留下…
展开
-
textarea 标签 的关闭按钮和不可拉动效果
<a-textareaplaceholder=""allow-clear@change="onChangeYuming"v-model="datalist.contentName"/> 这个 allow-clear 是关闭按钮 ，删掉就没有关闭按钮了不可拉动是样式控制textarea{ resize: none; } 就不能拖动大小了...原创 2020-10-27 19:55:10 · 504 阅读 · 0 评论 -
less css 宽度 高度 样式 calc 的用法 实例
style="width:calc(100%-21px);"height:calc(100vh-60px);原创 2020-10-21 16:52:10 · 900 阅读 · 0 评论 -
css3 滤镜 修改图片的颜色为黑白、使图片变亮、图片使用高斯模糊效果、调整图像的对比度、给图像设置一个阴影效果等图片效果
用css3 滤镜filter 实现你想要的图片效果 （欢迎点赞和关注，感谢您的支持）以下不满足您需求的，可以在下方留言 ，我来帮助您实现您想要的<!DOCTYPE html><html><head><style>img { width: 33%; height: auto; float: left;}.blur {-webkit-filter: blur(4px);filter: blur(4px);}.bri...原创 2020-08-20 10:51:24 · 342 阅读 · 0 评论 -
jquery 实现tab选项卡 实例
HTML: <div class="housesty"> <ul class="house_nav"> <li class="house_item active">A</li> <li class="house_item">B</li> ...原创 2020-08-13 17:33:04 · 195 阅读 · 0 评论 -
Jquery获取背景图片的宽度和高度
html:<div class="zhuanpanbg"> <div id="zhuanpan"> <img id="img" class="rotary-table" src="images/zhuanpan.png"> </div></div>css:.zhuanpanbg{background:url(../images/bg1.png) n...原创 2020-08-13 14:58:16 · 1259 阅读 · 0 评论 -
禁止页面 文字被选中 或者 禁止某一行文字被选中
禁止整个body中的内容被选中复制：<body onselectstart="return false"></body>1禁止页面中某一块或某一篇文章被选中复制：<div onselectstart="return false">这段内容不可选，禁止文字被选中</div>1或者直接在body标签中写入如下代码，即可实现在...原创 2019-10-28 16:42:54 · 523 阅读 · 0 评论 -
纯CSS实现垂直居中的几种方法
纯CSS实现垂直居中的几种方法垂直居中是布局中十分常见的效果之一，以下是我亲自 测试的7种方法 ，工作中常用的 一般是固定宽高，比较好写，使用方法六如果是不固定宽高的，为了更好的兼容低版本浏览器，一般是通过js动态获取宽高，然后垂直居中，个人认为： 如果不考虑兼容低版本浏览器 ，推荐用方法一或者方法三动动手指点个赞!!!希望能帮到更多的朋友！！谢谢大家...原创 2018-08-02 09:38:42 · 236 阅读 · 0 评论 -
页面 禁止鼠标选择，右键、复制、粘贴 的css 和 js （兼容性好）
方法一：用纯CSS 禁止鼠标点击事件 （兼容 firefox, google chrome, IE9以上浏览器）<style>.rules{ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; us...原创 2018-05-21 10:07:50 · 3384 阅读 · 0 评论 -
JQuery鼠标 点击显示 隐藏 和 鼠标移入 显示 移出隐藏 效果
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;原创 2018-05-10 14:03:57 · 8019 阅读 · 0 评论 -
如何禁用 a 标签的点击事件 disabled属性 和 pointer-events属性值详解
首先 ，大家要知道： a标签 是没有disable 属性的 ， 如果想用disable 禁止a标签的点击事件，也是可以实现的；往下看1. a标签 要用 disable 属性，必须和 pointer-events属性一起使用 ，例子 如下： HTML 部分代码： <a class="praise">赞</a> JS 代码： $(...原创 2018-05-02 11:34:11 · 51742 阅读 · 4 评论 -
JQuery的父、子、兄弟节点查找,节点的子节点循环
Query.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素，不限于父元素jQuery.children(expr) //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents() //查找下面的所有内容，包括节点和文本。jQuery.pre...原创 2018-03-29 16:22:03 · 502 阅读 · 1 评论 -
用CSS/CSS3 实现 水平居中和垂直居中的完整攻略
水平居中：行内元素解决方案只需要把行内元素包裹在一个属性display为block的父层元素中，并且把父层元素添加如下属性即可： .parent { text-align:center;}水平居中：块状元素解决方案 .item { /* 这里可以设置顶端外边距 */ margin: 10px auto;}水平居中：多个块状元素解决方案将元素的display属性设置为...原创 2018-03-29 14:46:46 · 198 阅读 · 0 评论