【项目】简易程序之柱状图表(现金流)

最新推荐文章于 2024-07-10 14:03:37 发布

逗不理你~

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量34

点赞数

分类专栏：笔记 select下拉框 js点击切换文章标签：前端 html 导航

本文链接：https://blog.csdn.net/qq_43102934/article/details/134692926

版权

笔记同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

js点击切换

5 篇文章 0 订阅

订阅专栏

select下拉框

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title id="tn">测试版</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<style>
*{padding:0;margin:0;list-style-type:none;}
.nian,.yue{float:left;width:100%;text-align:center;overflow:auto;}
.nian ul,.yue ul{float:left;width:1080px;text-align:center;overflow:hidden;}
.nian li{float:left;width:100%;background:#999;}
.yue li{float:left;height:290px;width:5px;background:#f3f3f3;transition:0.3s;font-size:6px;}
.yue div{width:3px;height:100px;background:#ccc;color:#ccc;transition:0.3s;}
.yue div:hover,.nian li:hover{background:#666;font-size:8px;color:#fff;}
.yue li:hover{color:green;}
.yue .color0{background:red;}
.yue .color1{background:blue;}
.yue .color2{background:green;}
.yue .color3{background:yellow;}
.yue .color4{background:#999;}
select,textarea{background:none;border:none;}
</style>
<body>
<div id="bar">
<div class="yue">
<ul></ul>
</div>
<div style="width:100%;position:absolute">
<div style="float:left">
名称<input style="width:30px" type="text"><select value=0 onChange="mcy(value)"></select>
时间<select value=0 onChange="inp(0,value,)"></select>
<select value=0 onChange="op(value)"></select>
</div>
<textarea style="float:right;width:80px" onChange="text(value)">
</textarea>
</div>
</div>
</body>
</html>