IF_YOU5849的博客

初始样式元素结构<div class="main-box"> <div class="main-title">标题</div> <div class="main-content"></div></div>css样式.main-box{ /* 父级元素 */ display: flex; flex-flow: column nowrap; height: 100vh; .

TweenMax结合Swiper实现根据图片高度动画过渡切换轮播前言：需求是轮播不限制图片高度，平缓自然过渡与切换；1 . 使用（可以到官网自行下载）：//引入文件<link rel="stylesheet" href="/static/ctrip/swiper-bundle.min.css"><script src="/static/js/jquery-3.5.1.min.js"></script><script src="/static/ctrip/

前言：实现H5右侧悬浮，点击展开收回移除；示例如下 ↓默认：点击动画移入：html代码片段： <div class="right_item_menu"> <i class="right_menu_icon"></i> <div class="right_item" style="display: none;"> <span class="right_item_title">今日XXX</spa

纯CSS样式覆盖，实现zTree自定义样式图标1 . 效果样式（如下）2 . 修改设置，隐藏默认图标var setting = { view: { showTitle: false, showLine: false, showIcon: false,//不展示图标 selectedMulti: false, dblClickExpand: false, nameIsHTML: true, addD

自定义结构-Tab切换前言：在搭建页面的时候，可能会需要多块区域进行tab切换，这时候需要规范化封装一个结构，只需要一段js,可重复且多处使用；1 . tab样式2 . js代码$(function(){ $('.hover_change').on('mouseenter', 'li', function () { $(this).addClass('active'...