![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
效果
文章平均质量分 84
RixRenex
学习只是副业,生活才是常态
展开
-
css实现单选框效果
效果查看:一、搭建好html页面结构先在html页面中创建出一个盒子用于存放按钮和文字光一个大盒子还不够,用span标签来说明文字,i标签来表示单选框中间的那坨圆点,这些都用一个小盒子套住,这个小盒子用于勾勒单选框的边框。如图。这样html页面结构就完成了二、规划样式将小盒子的边框勾勒出来,再将各个元素的样式都做出来后初始状态如下,对了,千万别忘了给小盒子一个过渡效果的样式,否则后续的操作会没有动态效果哦~!三、移入效果纯css怎么达到一个拟点击效果,我这里选择是hover伪类,虽然原创 2021-10-28 09:22:53 · 4313 阅读 · 0 评论 -
Java_封装一个JDBC_Util工具类
什么是JDBC_Util工具类?它是一个封装了包括连接数据库,可以用方法来使用Driver跟Connection的一个工具类,当然,也可以往里添加很多东西,比如在自己电脑上用,就可以直接使用对应数据库的新增操作进行封装。封装一个JDBC_Util工具类有什么用?JDBC_Util封装的好,将会大大的降低项目的开发难度,也可以降低代码重复率让代码变得更加高效。有方法可以实现的操作,为什么要自己手敲呢,对吧?开始操作:1、 运行环境:Jdk:JDK_1.8.1驱动包版本:mysql-conne原创 2021-10-18 11:11:48 · 516 阅读 · 0 评论 -
html、css实现导航栏5种常用效果
开发工具与关键技术:开发工具DW、vs code,关键技术html、css。实现的效果:鼠标移入按钮时按钮中的内容就会出现,分别展示不同的出现效果。效果难点:不使用JavaScript,那这个效果的难点就是在于:hover伪类的掌控,以及考验对html的结构掌握。1、 html布局在你想要的位置制作出5个导航栏按钮,或者更多。这就是html结构中的样子,下面来分析这种结构的意义;·整个导航栏就是一个菜单,表面上的就是一级菜单。·一级菜单里的内容就是二级菜单;·一级菜单复制了多个之后就是导原创 2021-02-22 09:16:58 · 8857 阅读 · 0 评论 -
前端如何实现选项卡效果?
选项卡的整体思路:做复杂的效果,往往都得在脑子里先把思路整理出来。导航栏最简单的思路就是当鼠标点击按钮,内容区域跳转到点击按钮所代表的内容。这就是大致的思路,然后我们来编写一步步编写。1、 html代码结构要写效果肯定要有能够凸显效果的画面所以先把画面给写好了再慢慢理清逻辑问题;因为导航栏不比轮播需要结构,所以在html的结构上未必要我这样做,但是在按钮和内容元素上必须需要一种联系,属性也好类也可以,必须让你知道你点了这个按钮他对应的内容是哪个!所以,这里在每个按钮上分别对应着各自的内容原创 2021-02-15 09:17:40 · 1739 阅读 · 0 评论 -
详细说明如何实现简易轮播效果
开发工具与关键技术:vs code,JavaScript、jQuery、html、css1、 思路:最基本的轮播要怎样简化?如何拥有够好的扩展性?如何拥有够好的实用性?2、html布局:1、如图:目的——首先明白移动层body类的作用:这个元素内包裹的元素就是移动的元素,当body这个类随意使用某个可移动的样式时,内容元素就会随着body类移动而移动;问题(1):当知道要移动body类就可以形成轮播的初步运作逻辑时,body类中的内容元素布局就会很关键!我们要将 内容元素 连着平铺在body这原创 2021-02-08 09:38:37 · 2033 阅读 · 0 评论 -
三级联动效果
实现技术:三级联动;详解:省级下拉框选择省份后,城市下拉框的选择要跟着省级变动,院校同样。1、初始代码做好html部分的初始代码,三个select标签,不含option标签!要点:请引入某个城市库的js文件;城市库图片:2、初始下拉框的内容目的:将下拉框的基本内容填充上;难点:对于城市库代码中的数组引用;创建元素、追加元素;解难:setAttribute(“value”,? )——这个方法可以设置元素的属性,括号内的第一个值是你设置什么样的属性(名字自定义);括号内第二个值是设置这个属原创 2021-02-02 10:12:25 · 354 阅读 · 0 评论