最帅爸爸 - 博客园

2022年3月8日

摘要： //获取动态时间function mytime() { var mydate = new Date(); var year = mydate.getFullYear(); var month = mydate.getMonth() + 1; var day = mydate.getDate(); v 阅读全文

posted @ 2022-03-08 08:38 最帅爸爸阅读(1550) 评论(0) 推荐(0)

2022年3月7日

css 悬停图片改变图片的样式

摘要： <style> #div{ text-align: center; } .img{ width: 200px; clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); transition: 1s clip-path; } .img:hover{ cli 阅读全文

posted @ 2022-03-07 15:15 最帅爸爸阅读(96) 评论(0) 推荐(0)

原生js的懒人轮播图

摘要： <style> body{ margin: 0; padding: 0px;}#carousel{ margin: auto; /* 居中 */ width: 600px; /* 设置宽度 */ position: relative; /* 相对定位 */ overflow: hidden; /* 阅读全文

posted @ 2022-03-07 15:09 最帅爸爸阅读(266) 评论(0) 推荐(1)

css三角形文本框

摘要： <style type="text/css"> .triangle{/* 三角形图片位置 */ background-image: url(img/traintop.png); width: 20px; height: 20px; background-position: center; posit 阅读全文

posted @ 2022-03-07 15:03 最帅爸爸阅读(65) 评论(0) 推荐(0)

鼠标悬停过度事件：Transition

摘要： CSS代码：<style> div{width:100px;height:100px;background:blue;transition: 0.5s;//0.5秒完成}div:hover{width:600px;}</style>HTML代码：<body> <div></div><p>请把鼠标指针阅读全文

posted @ 2022-03-07 14:53 最帅爸爸阅读(87) 评论(0) 推荐(0)

板娘设置

摘要： <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script> <style> canvas#live2dcanvas { border: 0 !important; }</s 阅读全文

posted @ 2022-03-07 11:44 最帅爸爸阅读(69) 评论(0) 推荐(0)

display:block 和display:inline-block的区别和用法

摘要： 1).块状元素：(div,p,form,ul,ol,li) ，独占一行，默认情况width为100% 2).行内块状元素：(span,img,a)，不会独占一行，相邻的元素一直排在同一行，排满了才会换行，不受..top..bottom的影响 3).display:行内，块状元素设置 display: 阅读全文

posted @ 2022-03-07 11:10 最帅爸爸阅读(100) 评论(0) 推荐(1)

2022年3月2日

HTML5中新增实用的标签

摘要： 1：progress 进度条 <h3>progress</h3> <progress value="75" max="100"></progress> Google运行结果： 2：datalist 下拉框（可输入） <input type="text" list="countries" /> <da 阅读全文

posted @ 2022-03-02 10:08 最帅爸爸阅读(211) 评论(0) 推荐(1)

vue中的v-if查找数组中最后一个，给他加上新的样式

摘要： vue: var app=new Vue({ el:".xiaomi", data: { typeInfo: [{img:"image/type/phone_1.webp",name:"Xiaomi 12 Pro",price:"4699"}, {img:"image/type/phone_2.we 阅读全文

posted @ 2022-03-02 09:20 最帅爸爸阅读(261) 评论(0) 推荐(0)

2022年1月10日

vue中a标签地址传参

摘要：注意: 1）href前面加冒号“ ： ”。 2）字符串用单引号包裹。 3）传过去数值用+号连接传值：<li class="list-li-md" v-for="(rs,index) in searchResult" ><a :href="'ProductDetails.html?id='+rs. 阅读全文

posted @ 2022-01-10 09:37 最帅爸爸阅读(729) 评论(0) 推荐(0)