css
关注
分享
扫一扫
裴七七
一梦入混沌，烟火撞星辰。
展开
-
【VUE】vue实现仿select下拉框带搜索小功能
本文实例为大家分享了仿vue实现select下拉框带搜索小功能的具体代码，供大家参考，具体内容如下：原创 2022-10-14 13:55:35 · 2330 阅读 · 0 评论 -
javascript点击按钮，复制文本
let oInput = document.createElement('input');oInput.value = "复制文本";document.body.appendChild(oInput);oInput.select();let sta = document.execCommand('Copy');if (sta) { alert('复制成功');} else { alert('复制失败');}javascript实现点击按钮，复制对应文本，通过copy命令：.原创 2022-05-31 16:40:50 · 1155 阅读 · 0 评论 -
【HTML】中的marquee标签属性详解
marquee标签是HTML标签中创建文字滚动的标签。<marqueedirection="up" behavior="scroll" loop="3" scrollamount="1"scrolldelay="10" align="top" bgcolor="#ffffff" height="300" width="30%" hspace="20" vspace="10" οnmοuseοver="this.stop()" οnmοuseοut="this.sta..原创 2022-05-31 16:35:31 · 9055 阅读 · 0 评论 -
css 文字全部大写、小写或者首字母大写
css 文字全部大写、小写或者首字母大写，这时候就需要用到text-transform属性了，这个属性有三个值：text-transform：Capitalize //首字母大写text-transform：Uppercase //全大写text-transform：Lowercase //全小写三个属性分别为：Capitalize 英文拼音的首字母大写Uppercase 英文拼音字母全大写Lowercase 英文拼音字母全小写...原创 2022-03-07 09:18:39 · 3436 阅读 · 0 评论 -
background背景图片固定滚动
background: url('/image/fa_banner.jpg')center fixed；原创 2021-12-28 09:54:05 · 963 阅读 · 0 评论 -
background-size使用transition失效,背景图片增加放大平滑效果transition
div{ background-size: 100%; transition: background-size 0.5s linear;}div:hover{ background-size: 108%;}如图使用transition时背景图片放大没有过渡效果,可以使用上述办法。原创 2021-12-23 15:26:57 · 1664 阅读 · 0 评论 -
js实现点击图片，播放视频
js实现点击图片，播放视频<style> .div{ position: relative; } .div #veImg{ position: relative; z-index: 99; cursor: pointer; } .div #ve{ position: absolute; left: 0; width: 100%;原创 2021-12-02 13:56:47 · 4181 阅读 · 0 评论 -
Jquery,JS 获取data-* 属性值
query 获取data-属性值*data-*自定义数据属性HTML5规定可以为元素添加非标准型的属性，只需添加前缀data-，这些属性可以随意添加，随意命名，目的是为元素提供与渲染无关的信息，或提供语义信息。下面就详细介绍四种方法获取data-*属性的值<li id="getId" data-id="122" data-vice-id="11">获取id</li>1、需要获取的就是data-id 和 dtat-vice-id的值一：getAttrib.原创 2021-11-04 14:02:49 · 4653 阅读 · 0 评论 -
html 超出内容显示滚动条_数十种自定义多彩多样滚动条样式
样式1css源码.srcoll_one::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}.srcoll_one::-webkit-scrollbar{ width: 12px; background-color: #F5F5F5;}.srcoll_one::-webkit-scrol...原创 2021-09-18 10:54:12 · 1223 阅读 · 0 评论 -
HTML 元素超出部分可以滚动, 并隐藏滚动条
方法一, 利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>超出部分隐藏滚动条</title></head><style type="text/css"> #box { width: 500px.原创 2021-09-18 10:41:47 · 5477 阅读 · 1 评论 -
CSS3自定义滚动条样式
自定义滚动条实现此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下：滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移动）3. ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb）4. ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，由于通过点击微调小方块的位置。原创 2021-09-18 10:39:46 · 1661 阅读 · 0 评论