2026年2月28日
实现三角形绘制
摘要： CSS绘制三角形主要用到的是border属性，也就是边框。 div { width: 0; height: 0; border: 100px solid; border-color: orange blue red green; } 将元素的长宽都设置为0，显示出来的效果是这样的： （1）三角1 d 阅读全文
posted @ 2026-02-28 15:35 Wanker 阅读(6) 评论(0) 推荐(0)
三栏布局的实现
摘要： 三栏布局一般指的是页面中一共有三栏，左右两栏宽度固定，中间自适应的布局，三栏布局的具体实现： <div class="outer"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div 阅读全文
posted @ 2026-02-28 15:15 Wanker 阅读(5) 评论(0) 推荐(0)
两栏布局的实现
摘要： 一般两栏布局指的是左边一栏宽度固定，右边一栏宽度自适应，两栏布局的具体实现： <div class="outer"> <div class="left"></div> <div class="right"></div> </div> 利用浮动，将左边元素宽度设置为200px，并且设置向左浮动。将右边 阅读全文
posted @ 2026-02-28 15:05 Wanker 阅读(4) 评论(0) 推荐(0)
2024年7月19日
使用jQuery实现日期时间的获取
摘要： 1、首先写一个div用于显示获取到的日期和时间 <div class="show"></div> 2、为了方便查看，给显示日期的div写个样式 <style> * { margin: 0; padding: 0; } .show { width: 200px; height: 45px; line- 阅读全文
posted @ 2024-07-19 09:57 Wanker 阅读(228) 评论(0) 推荐(0)
2024年6月6日
使用jQuery实现鼠标移入展开导航的二级菜单栏
摘要： 1、首先写出html结构（举个例子） <div class="nav"> <ul> <li> <a href="#">全国导航</a> <ul class="nav_meun"> <li><a href="#">四川省</a></li> <li><a href="#">吉林省</a></li> <l 阅读全文
posted @ 2024-06-06 16:33 Wanker 阅读(170) 评论(0) 推荐(0)
2024年4月30日
使用jQuery实现元素的显示隐藏
摘要： 实现思路：通过jQuery的点击事件，对元素使用show( )、hide( )方法实现；也可以直接通过改变元素css样式实现。 1、首先得有个html结构的文件 <div class="tel">安全公告</div> <!-- 弹窗 --> <div class="mask"> <h4>注意事项</ 阅读全文
posted @ 2024-04-30 11:29 Wanker 阅读(126) 评论(0) 推荐(0)
使用input对电话号码实现隐藏显示
摘要： 1、首先选择利用表格来呈现html结构 <!-- html代码 --> <table border="1px solid"> <thead> <tr> <th>姓名</th> <th>电话号码</th> </tr> </thead> <tbody> <tr> <td align="center">张 阅读全文
posted @ 2024-04-30 10:10 Wanker 阅读(107) 评论(0) 推荐(0)
2024年4月24日
点击事件报错: Cannot set properties of null (setting 'onclick')
摘要： 1、正常书写代码如下： 通过外部引用JS文件实现想要的效果时报错，以下是代码的展示。 在头部引入js文件 <script type="text/javascript" src="./win.js"></script> HTML代码文件如下： <div class="cl"> <div id="mas 阅读全文
posted @ 2024-04-24 16:06 Wanker 阅读(1330) 评论(0) 推荐(0)
修改元素样式报错：Cannot set properties of undefined (setting 'visibility')
摘要： 1、正常书写代码如下： <div class="cl"> <div id="mask"> <span id="close">X</span> </div> </div> <!-- JS代码如下 --> <script> let close = document.getElementById("clo 阅读全文
posted @ 2024-04-24 15:20 Wanker 阅读(712) 评论(0) 推荐(0)
2024年1月17日
数组遍历的方法
摘要： 1、forEach ( ) forEach() 方法对数组的每个元素执行一次给定的函数，不会改变原数组，没有返回值。 数组中的每个值都会调用回调函数，回调函数有三个参数： currentValue： 必需。当前元素。 index： 可选。当前元素的索引值。 arr： 可选。当前元素所属的数组对象。 阅读全文
posted @ 2024-01-17 14:10 Wanker 阅读(485) 评论(0) 推荐(0)
下一页