2024年10月24日
table幻灯片效果
摘要： <div class="slideshow-container"> <div class="mySlides"> <table id="myTable"> <thead> <tr> <th>部门名称</th> <th>姓名</th> <th>联系电话</th> </tr> </thead> <tbo 阅读全文
posted @ 2024-10-24 18:18 eternityQSL 阅读(1) 评论(0) 推荐(0) 编辑
表单标题居右对齐，居中对齐
摘要： <form action="javascript:void(0)" method="post"> <div> <label>用户名：</label> <input type="text" value="" /> </div> <div> <label>密码：</label> <input type= 阅读全文
posted @ 2024-10-24 17:24 eternityQSL 阅读(2) 评论(0) 推荐(0) 编辑
css3实现文字线性渐变，css3实现背景渐变
摘要： <div class='who1'>我是线性渐变文字我是线性渐变文字我是线性渐变文字我</div> <div class='who2'>我是背景渐变我是背景渐变我是背景渐变我是背景渐变我</div> .who1{ width:400px; background: linear-gradient(to 阅读全文
posted @ 2024-10-24 15:04 eternityQSL 阅读(15) 评论(0) 推荐(0) 编辑
2024年10月23日
原生js实现幻灯片效果
摘要： <div class="carousel-container"> <div class="carousel"> <div class="carousel-item active">Item 1</div> <div class="carousel-item">Item 2</div> <div cl 阅读全文
posted @ 2024-10-23 17:56 eternityQSL 阅读(3) 评论(0) 推荐(0) 编辑
原生js实现复选框筛选功能，jquery实现复选框筛选功能
摘要： <div> <label> <input type="checkbox" id="not-effective" onclick="filterItems()">未生效 </label> <label> <input type="checkbox" id="effective" onclick="fi 阅读全文
posted @ 2024-10-23 16:31 eternityQSL 阅读(3) 评论(0) 推荐(0) 编辑
2024年10月22日
原生js实现列表内容向上滚动，列表内容向上轮播
摘要： <div id="review_box"> <ul id="conent1"> <li>第一条内容</li> <li>第二条内容</li> <li>第三条内容</li> <li>第四条内容</li> <li>第五条内容</li> <li>第六条内容</li> </ul> <ul id="conent 阅读全文
posted @ 2024-10-22 14:46 eternityQSL 阅读(33) 评论(0) 推荐(0) 编辑
2024年7月24日
数组先去重，后排序
摘要： var arr=[1,3,2,4,1,2,3,4] var arr1=[...new Set(arr)] var arr2=arr1.sort((a,b)=>{return a-b}) 阅读全文
posted @ 2024-07-24 15:22 eternityQSL 阅读(2) 评论(0) 推荐(0) 编辑
2024年7月11日
vue3+ts父组件给子组件传参
摘要： 父组件 <script setup lang="ts"> import onePage from './components/onePage.vue' </script> <template> <onePage msg="Vite + Vue" /> </template> 子组件 <script 阅读全文
posted @ 2024-07-11 15:12 eternityQSL 阅读(3) 评论(0) 推荐(0) 编辑
2024年4月25日
vue 如何动态设置div的样式（宽度，高度）
摘要： <div :style="'width:'+ num * 3.3 +'%;'"></div> <div :style="'width:'+ (100 - num * 3.3) +'%;'"></div> 这里的num为30，（根据自己的需求调整num和3.3的大小）如果你觉得99.9的时候有一丝的边 阅读全文
posted @ 2024-04-25 11:37 eternityQSL 阅读(567) 评论(0) 推荐(0) 编辑
网页退出全屏和全屏显示
摘要： <div @click="fullScreen">全屏显示</div> <div @click="exitFullScreen">退出全屏</div> fullScreen () { var de = document.documentElement; if (de.requestFullscree 阅读全文
posted @ 2024-04-25 10:38 eternityQSL 阅读(9) 评论(0) 推荐(0) 编辑