css
关注
分享
扫一扫
ztnhnr
这个作者很懒，什么都没留下…
展开
-
JS获取鼠标点击时图片的相对坐标位置并添加自定义内容
因功能需要在图片上点击时，添加自定义的内容。本来想用图片的热区useMap实现，但发现useMap只支持href跳转属性，不能添加自定义的内容。最后通过网上搜索方案，找到如下解决方法。 在点击图片时，通过鼠标点击位置计算点击的坐标，然后在点击的位置添加自定义内容。示例代码如下：<!DOCTYPEhtml><htmllang="en"><head><basetarget="_self"><m...原创 2020-11-30 14:41:09 · 4893 阅读 · 0 评论 -
css利用border-radius圆角来设置背景为圆角
本文介绍如何使用 CSS 设置背景（或背景图片）为圆角。 实现的原理是创建一个div，然后设置div的边框属性border-radius为50%，既可以实现。示例、创建圆角div：<!DOCTYPEhtml><htmllang="en"><head><basetarget="_self"><metahttp-equiv="Content-Type"content="text/html;...原创 2020-11-24 14:01:17 · 6286 阅读 · 0 评论 -
layui的loading加载层添加自定义文本
前端开发，使用的是layui框架。异步装载数据时，使用layui的loading加载层展示装载效果。而layui默认的loading加载层常用的是切换图标，如下：<script>layui.use(['layer'],function(){layer=layui.layer;//loadinglayer.load(2,{time:2000}...原创 2020-08-05 13:56:54 · 1968 阅读 · 0 评论 -
Javascript生成随机(字符串)颜色值
本文介绍在JS中生成十六进制随机颜色的方法。 1. 使用 Math.random() 生成随机数 Math.random();//结果值(随机):0.92926726819842532. 使用 Number 对象的toString(n) 方法，将数字转换为十六进制字符串Math.random().toString(16);//转换为十六进制(随机):0.ede475ae27ceb3.使用 substr() 截取去除前面的“0”和“.”，并...原创 2020-08-04 13:48:03 · 1216 阅读 · 0 评论 -
纯CSS实现带小三角提示框
要实现在页面上点击指定元素时，弹出一个信息提示框。在前面的文章中，我们已经简单介绍了如何使用纯 CSS 创建一个三角形。本文在此基础上，记录如何使用 CSS 创建带三角形的提示框。 实现的原理是创建一个div提示框，然后再创建一个三角形，将三角形用绝对定位（absolute）到提示框对应的位置。一、创建不带边框的提示框： 之前已介绍过怎么生成三角形，直接代码如下：<style>body{margin:0;...原创 2020-08-03 14:04:42 · 4895 阅读 · 0 评论