前端笔记共65篇 第2页
前端基础
自动PC端隐藏 手机端显示CSS代码判断实现自适应
上一篇说过在pc显示，手机隐藏的css案例。最近有用的到需要在电脑上自动隐藏手机端显示的例子。 PC显示手机隐藏: https://www.zuanmang.net/5001.html 实现方法: CSS判断控制路: .wppc{ display...
4年前
右侧悬浮菜单悬浮窗 CSS+html CSS自动判断PC显示手机端隐藏
源自:http://miwua.com/1521.html 感觉还不错，只是部署到博客不太搭配（颜色太鲜艳了），用css加了个设备判断，电脑端显示、手机端隐藏。1221px 界点 预览: css <!--右侧悬浮菜单 開始--...
5年前
html+CSS 多彩滚动展示AD框前端显示代码
因为放首页蛮占地方的，这个小模块没有经受住小改版的考验，被去掉了。贴出来，已给以后用 样式如下图所示： html代码 <section id='custom_html-2' class='widget_text widget widget_custo...
5年前
CSS适配iOS全面屏底部横条
最近在看 开发者避雷指南-百度搜索算法规范详解时，发现里边有写到 页面机型适配: 所有开发者应对资源页面做好不同手机型号的适配效果，不影响用户的正常浏览使用。其中IOS全面屏手机底部横线不...
3年前html超链接在Js内的一些写法转变与应用
:oops: 博主前端基础薄弱，所以要多学习。 有时候遇到html内<a>标签需要写道js里边。众所周知博主js学的不如php。所以此遇到新的跳转方式都要去百度学习一番。这里总结一下几个我遇到的...
4年前JS实现H5页面点击返回上一页，如无自动跳转首页防止跳出站
<input class='back' type='button' name='Submit' value='返回上一页' onclick='post.referrer === '' ? window.location.href = 'https://www.zuanmang.net' /}' : window.history.go(-1);...
3年前html自定义弹窗实现图片高度自适应
实际效果： 点击 实现 再次点击则弹窗消失。 弹窗布局为： <div class='box'> <img class='img' id='img' src=''/> </div> css样式为： .box { position: fixed; left: 0; to...
5年前自动PC端显示 手机端隐藏CSS代码判断实现自适应
实现场景描述： 有些内容部署在PC端但是有不适合在手机端显示（比如盒子过大，遮挡内容）或者手机端显示毫无意义等。我们可以使用下面的代码来实现：电脑端显示，手机端隐藏 实现方法： CSS控制...
5年前html 如何给li加连接
给 A 标签加上ID，拦截 li onclick 事件模拟A标签单击。事实上你完全不必使用A标签，直接单击事件里self.location=XXX就完事了 <li onclick='javascript:post.getElementById('01').click();...
5年前
JS页面跳转（链接，超链接）
<!DOCTYPE html> <html> <head> <title>链接和超链接</title> </head> <body> <a href='http://www.baidu.com'>链接--当前页面...
4年前
自建 PHP获取网站描述Description API接口
最近在开发一款AIGC网址导航，带有网址投稿功能，因为后台添加导航比较繁琐（虽然只有几个字段），我也常常用前台的投稿功能然后再去后台审核下。 提交的网址涉及几个常见字段，titile、描述、U...
9个月前进入就弹出网站公告提示框的JS弹窗代码
<script language='javascript'>alert('博客主体转企业备案，未来一段时间首页将不能正常访问。售后服务联系博主Q20838641 ，敬请谅解')</script>
5年前
仿凡科网站右侧悬浮窗 在线客服简约图标大全快捷导航钻芒美化版
之前有发个一个凡科的右侧悬浮窗，今天给加了一些图标样式，新增css判断窗口大小自动隐藏（手机端不会显示），这下比较齐全了。 可以自己自定义图标，在css更改图片链接即可（背景图标和鼠标hov...
5年前
CSS修改浏览器内的页面滚动条样式
有时候网站逼格够了之后却发现默认的滚动条很影响和整体美观 如下图: 暗黑模式下全屏展示右侧的滚动条显得很突兀。 修改后 由于要考虑到白天模式，所有个滚动条也要合适白天使用，所以这里钻芒...
4年前
CSS 文本在表格里 垂直水平居中
效果图： css vertical-align: middle; //水平居中 text-align: center; //(可选)垂直居中 border:1px solid black; //(可选)加个边框
1年前