阳菜 - 博客园

2025年7月3日

摘要：效果： html <div style="height: 3000px;"> </div> <div class="progressbar" id="progressbar"></div> css <style> .progressbar { position: fixed; top: 0; lef 阅读全文

posted @ 2025-07-03 09:17 阳菜阅读(6) 评论(0) 推荐(0)

2024年7月31日

旋转木马轮播

摘要： html css <link rel="stylesheet" href="static/css/base.css"> <link rel="stylesheet" href="static/css/swiper.min.css"> <link rel="stylesheet" href="stat 阅读全文

posted @ 2024-07-31 14:55 阳菜阅读(30) 评论(0) 推荐(0)

2024年7月5日

js点击复制内容

摘要： <body style="background-color:orange;"> <div onclick="copyToClipboard()"> <input type="text" disabled id="textToCopy" value="123456"> </div> <script> 阅读全文

posted @ 2024-07-05 16:28 阳菜阅读(22) 评论(0) 推荐(0)

2024年6月28日

两个swiper上面可以点击下面可以用箭头滑动

摘要：效果 html <div class="system"> <div class="swiper system_tit"> <div class="swiper-wrapper system_list"> <div class="swiper-slide system_item"> 质量 </div> 阅读全文

posted @ 2024-06-28 16:17 阳菜阅读(36) 评论(0) 推荐(0)

2024年5月27日

js

摘要：效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum 阅读全文

posted @ 2024-05-27 10:57 阳菜阅读(20) 评论(0) 推荐(0)

2024年1月24日

jq点击弹窗出现对应的内容图片标题

摘要： html <div class="swiper-slide store_item store_bg border20 tab_btn" data-img="static/demo/chuneng/cngypro2.png" data-title="20尺液冷集装箱(单/双开门)"> <textare 阅读全文

posted @ 2024-01-24 17:01 阳菜阅读(60) 评论(0) 推荐(0)

2023年9月20日

使用layui写多个下拉选项框

摘要：文件 css <link rel="stylesheet" href="https://unpkg.com/layui@2.6.8/dist/css/layui.css"> js <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/ 阅读全文

posted @ 2023-09-20 17:48 阳菜阅读(450) 评论(0) 推荐(0)

2023年7月26日

左侧导航右侧内容对应位置高亮

摘要： <div class="mc_aside_navbox mc_aside_navbox1 show"> <ul class="mc_aside_nav"> <li class="mc_aside_li on"> 111 </li> <li class="mc_aside_li on"> 222 </ 阅读全文

posted @ 2023-07-26 16:59 阳菜阅读(68) 评论(0) 推荐(0)

2023年7月20日

原生js使用ECharts

摘要： <script type="text/javascript" src="js/echarts.min.js"></script> html <div id="chartContainer" style="width: 600px; height: 400px"></div> js var chart 阅读全文

posted @ 2023-07-20 10:20 阳菜阅读(333) 评论(0) 推荐(0)

2023年5月24日

根据滚动条到达该位置对应的导航选项卡高亮

摘要： html <nav> <ul> <li><a href="#section1">第一部分</a></li> <li><a href="#section2">第二部分</a></li> <li><a href="#section3">第三部分</a></li> <li><a href="#sectio 阅读全文

posted @ 2023-05-24 16:04 阳菜阅读(128) 评论(0) 推荐(0)

阳菜

公告