前端笔记-钻芒博客

悬浮彩色渐变 Button 按钮

HTML：<button> Button </button>CSS：button { background-color: #444141; border-radius: 4px; color: #fff; cursor: pointer; padding: 15px 30px; font-size: 18px; font-weig...

# html # css # button

anywayuan7个月前

01880

不一样的 Button 按钮

先看效果：HTML：<button> <svg height='36px' width='36px' viewBox='0 0 36 36' xmlns='http://www.w3.org/2000/svg'> <rect fill='#fdd835' y='0' x='0' height='36' width='...

# html # css # button

anywayuan7个月前

02363

自建 PHP获取网站标题Title API接口

Tips：本文是「自建 PHP获取网站描述Description API接口」文章的孪生兄弟，结构文案都差不多，只是api代码有点区别。最近在开发一款AIGC网址导航，带有网址投稿功能，因为后台添加导航比较繁...

# PHP # api # api获取网站标题

Alextao9个月前

01922

自建 PHP获取网站描述Description API接口

最近在开发一款AIGC网址导航，带有网址投稿功能，因为后台添加导航比较繁琐（虽然只有几个字段），我也常常用前台的投稿功能然后再去后台审核下。提交的网址涉及几个常见字段，titile、描述、U...

# PHP # api # api获取描述

Alextao9个月前

03440

自动PC端隐藏手机端显示CSS代码判断实现自适应

上一篇说过在pc显示，手机隐藏的css案例。最近有用的到需要在电脑上自动隐藏手机端显示的例子。 PC显示手机隐藏: https://www.zuanmang.net/5001.html 实现方法: CSS判断控制路: .wppc{ display...

Alextao4年前

023520

使用getBoundingClientRect()在页面中点击事件平缓跳转到锚点并偏移定位

介绍使用getBoundingClientRect()方法获取目标元素的位置信息，包括元素的上边缘相对于视口顶部的距离。然后，将视口的垂直偏移量window.pageYOffset与偏移量参数进行计算，得到最终的滚动位置...

# js # 跳转 # 平滑

Alextao12个月前

0310

一个js弹窗，点击按钮会出窗口，点击x或空白区域或关闭窗口。

截图点击按钮会出窗口，点击x或空白区域或关闭窗口。代码 <style> .overlay-tecgic { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color...

# 弹窗

Alextao12个月前

0180

CSS 文本在表格里垂直水平居中

效果图： css vertical-align: middle; //水平居中 text-align: center; //(可选)垂直居中 border:1px solid black; //(可选)加个边框

# css # css水平居中 # 垂直居中

PANXI1年前

0250

小模块阴影圆角

提示框添加阴影圆角缩略图背景加圆角缩略图前景加圆角

Alextao5年前

18770

javascript实现一个简单的5秒倒计时，并跳转

<!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>倒计时五秒</title> <script> //使用匿名函数方法 function countDown(){ var time ...

Alextao5年前

18820

小程序/web开发实例 CSS居底显示

效果： CSS: .zmki_footer{ font-size: 10px; text-align: center; color: #858585; bottom: 0px; /* height: 200px; */ position: fixed; left: 0; width: 100%; padding-bottom: 20px; } HTMl...

Alextao4年前

16750