
前端样式(html+css3+jquery)
自己写了一些简单的样式供大家欣赏
藥師YS
轻诺必寡信,多易必多难
展开
-
一些日常比较常用前端小功能
当给前一个div中的元素添加float属性时,不让后面的div中的元素跟在后面比如:<div><p style="float">1111111</p></div><div><p style="float">22222222</p></div>会显示在一行中:111111122222222解决方案:给后面的div一个属性: clear:both<div><p ...原创 2020-08-31 17:16:33 · 414 阅读 · 0 评论 -
饼图/线图/柱状图/横向柱状图/线图+柱状图
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录准备 一、 二、使用步骤 1.引入库 2.读入数据 总结准备不需要别的东西,只要引入echarts.min.js文件就可以了可以直接引入<script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>也可以下载之后添加到项目中,下载地址:文章中出现的案例也...原创 2020-08-26 15:29:36 · 782 阅读 · 0 评论 -
好看的网站首页,顶部多层导航
之前有做过一个侧边多层导航,原本觉得还不错,但是用着用着感觉不太方便,就把它改了改,变成了现在这样的先说一下功能吧,当鼠标悬浮导航栏是,会显示对应导航栏下的内容,可以根据需求放入链接或者方法。当导航栏下内容超出页面时,会出现美化过的滚动条。背景图片和导航栏背景色可以根据喜好自己更改。对了,图片里的网站链接我没放进去,是一些挺好用的网站,如果要的话可以在下面评论区说一下。好了,开始写代码第一步,HTML代码 <script src="js/jquery-3....原创 2020-07-27 13:13:19 · 1213 阅读 · 4 评论 -
好看的首页侧边多层导航
第一步,我们首先需要先引入jquery文件<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>第二步,开始把html代码先搭起来<div class="border"> <div id="labels"> <ul> <!--一--> <li class="labels labels_1" >原创 2020-07-04 14:07:28 · 3419 阅读 · 0 评论