HTML
longyinfengwu
这个作者很懒,什么都没留下…
展开
-
el-ement ui走马灯去除默认的切换显示
走马灯去除下方显示的切换,只要加上indicator-position=“none” 属性即可。原创 2022-09-30 17:05:51 · 2290 阅读 · 1 评论 -
div中垂直居中小div
#child{width: 80%;height: 50%;background-color: lawngreen;}.parent{ display: flex; align-items: center; justify-content: center; width: 100%; height: 200px; border: 1px solid #ddd;}<div class="parent"> <div id='child' >aa原创 2022-02-22 14:28:38 · 543 阅读 · 0 评论 -
js将html字符串打开成新页面,表单正常展示
let myWindow=window.open('','','width:100%,height:100%'); myWindow.document.write(info) //info为html的字符串 myWindow.focus();原创 2021-10-20 11:43:01 · 2142 阅读 · 0 评论 -
HTML总结div中的内容垂直居中的五种方法
一、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p { height:30px; line-height:30px; width:100px; overflow:hidden; }二、内边距(padding)法另一种方法和行高法很相似,它同样适合一行或几行文字垂直居中,原理就是利用padding将内容...原创 2020-04-16 20:15:24 · 3916 阅读 · 1 评论 -
html input type=file 时如何获取value
代码如下:这时候无法用id属性获取只能用name属性获取value<html><script language='javascript'> function show(){ var p=document.getElementById("file1").value;alert(p); } </script><head>&l...原创 2020-03-16 14:47:41 · 3446 阅读 · 0 评论 -
iview table表格的自定义样式(动态改变背景色等)
iview table表格的自定义样式1.需求背景颜色为深色背景左侧可勾选checkbox选中鼠标hover浮动到某行,当前行背景颜色更换为红色斑马条纹效果图在这里插入图片描述2.设计iview的官方文档已经给出了解决方案在这里插入图片描述选中高亮=》highlight-row斑马条纹=》stripe表格自带浮动到某行变色checkbox=》selection在这里插...原创 2020-01-20 14:34:39 · 8038 阅读 · 1 评论 -
input 输入框屏蔽鼠标选中操作 复制 剪切等
<input type="text" name="a1" draggable="true" value="aaa">给input 框添加 draggable="true"属性即可,是可拖动属性和选中属性冲突所以导致鼠标选中失效,达到目的...转载 2020-01-15 10:47:15 · 2877 阅读 · 0 评论 -
css怎么实现鼠标移动到div块时自动加阴影效果?
我们在浏览各大网站时,点击其中的图片可能会出现放大或者旋转等等的特效。这种效果的确能让人眼前一亮,也就可能带来用户点击的流量。当然强大的css功能不仅仅只有这样特效。本篇文章就给大家介绍一种更加酷炫的特效即当鼠标移入div块时产生的css阴影效果,这样就能立即产生立体感。css阴影效果具体代码示例如下:<style> .shadow{ flo...原创 2019-04-23 19:00:33 · 15053 阅读 · 4 评论 -
HTML CSS3按钮边框动画特效代码
<!doctype html><html><head><meta charset="utf-8"><title>CSS3按钮边框动画特效代码</title><style>button{ background:#1AAB8A; color:#fff; border:none; posi...原创 2019-04-28 11:52:14 · 2622 阅读 · 0 评论 -
Vue开源项目汇总(史上最全)
转自:https://blog.csdn.net/aaronzzq/article/details/80936708https://blog.csdn.net/badaaasss/article/details/86129393原创 2019-04-23 18:15:19 · 559 阅读 · 0 评论 -
HTML中点击div H或者其它标签模拟触发a标签中的herf,例如点一个超级大的按钮点击那里都跳转
主要方法就是触发函数来执行 例如: <h3 @click="zhuomian()">桌面客户端</h3> <div @click="zhuomian()">桌面客户端</div> <script>export default { data() { }, methods: { ...原创 2019-04-18 17:58:59 · 2379 阅读 · 0 评论 -
HTML 图片上增加一层 透明层 并写不透明文字以及元素透明效果
<div style="position: relative; " class="demo-carousel"> <img style="width:100%;height:100%"src="../../static/img/bg_1_副本_副本.jpg" alt=""> <span style="position...原创 2019-04-26 18:21:56 · 2398 阅读 · 0 评论 -
HTMl 如何让div内字体上下左右居中
div中的文字水平居中:text-align:center;即可。div中的文字垂直居中:line-height:值。值等于div的高度。原创 2019-04-24 16:01:46 · 46451 阅读 · 5 评论 -
HTML 鼠标悬停div放大处理
<ul> <li >123</li> <li>123</li> <li>123</li> <li>123eeeeeeeeeeeeeeeeeeeeeeee</li> <li>123</li></ul><style>...原创 2019-04-24 20:08:33 · 9260 阅读 · 0 评论 -
父div 宽度为auto 子div用float 失效的问题
子DIV浮动(float)后父DIV高度自动失效解决方案如下所示,子元素div2 本身具有高度和宽度,但由于其具有float:left属性后,其父元素div1不具有高度。<html> <head> </head> <body> <div id="div1"> <d...原创 2019-06-12 16:59:18 · 748 阅读 · 0 评论 -
js获取按钮的文字
有两种情况:第一种:这个button是个 <input type="button" id="button" value="button"/> 元素的话那么获取这个button的值就是var buttonValue= document.getElementById('button').value;第二种:这个button是个 <button id="button" >...原创 2019-06-12 18:23:17 · 11597 阅读 · 1 评论 -
按钮去除圆角,变成长方体的扁平
button标签中增加 属性: border-radius: 0; 即可原创 2019-06-13 09:34:48 · 1198 阅读 · 0 评论 -
关于setInterval只执行一次的原因
clock() { this.percent += 1; console.log(this.percent); }, TSzipchuli(){ var intelval=window.setInterval(th...原创 2019-06-20 14:20:31 · 510 阅读 · 0 评论 -
web页面超时自动退出或跳转方法
思路:使用 mousemover 事件来监测是否有用户操作页面,写一个定时器间隔特定时间检测是否长时间未操作页面,如果是,退出;反之亦然。代码(JS):var lastTime = new Date().getTime();var currentTime = new Date().getTime();var timeOut = 10 * 60 * 1000; //设置超时时间: 1...原创 2019-09-29 15:17:56 · 2503 阅读 · 0 评论 -
HTML 组件页面 或者主页面 如何 全屏显示 铺满整个浏览器窗口
<div style="width: 100vw;height:100vh;">在 最外层div 像上面写即可1.em在做手机端的时候经常会用到的做字体的尺寸单位说白了 em就相当于“倍”,比如设置当前的div的字体大小为1.5em,则当前的div的字体大小为:当前div继承的字体大小*1.5但是当div进行嵌套的时候,em始终是按照当前div继承的字体大小来缩放,参照后...原创 2019-04-26 16:51:38 · 3726 阅读 · 0 评论