HTML
关注
分享
扫一扫
Amazon Translator
少走弯路
展开
-
FLEX 布局中最常用的代码
FLEX 布局中的常用代码，快速实现响应式布局效果原创 2023-02-17 14:10:54 · 214 阅读 · 0 评论 -
跟随鼠标坐标 从左到右改变图片的展示
jquery 实现 跟随鼠标在屏幕中的坐标 实现图片的从左到右进行改变原创 2022-10-13 16:16:48 · 193 阅读 · 0 评论 -
css 禁止选中文字
css 禁止文字被选中原创 2022-07-13 11:31:18 · 427 阅读 · 0 评论 -
jq-颜色选择器 所见即所得
<input type="color" oninput="seget()" id="bgColor"> <p></p> <script type="text/javascript"> $('#bgColor').bind('input propertychange', function () { // console.log($(this).val()); let bgCol = $(this).val(); ..原创 2022-04-27 13:54:44 · 372 阅读 · 0 评论 -
Jq-实时获取Input 的值
<body> <input type="text"> <p></p></body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">原创 2022-04-27 11:45:48 · 1127 阅读 · 0 评论 -
点击元素 出现漂浮表情包（源码）
点击 元素 出现往上漂浮表情包（可任意修改图片，如爱心等）原创 2021-12-20 18:12:59 · 2793 阅读 · 0 评论 -
点击出现烟雾
示意图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> body{ background-color: #000000; } #hi{ pos原创 2021-12-20 17:48:41 · 135 阅读 · 0 评论 -
body溢出空白元素解决
<style type="text/css"> html{ display: block !important; overflow: scroll; } </style>原创 2021-09-28 14:09:22 · 661 阅读 · 0 评论 -
CSS 实现背景图片 设置响应式自适应全屏展示
img标签 设置响应式自适应全屏展示最终效果最终代码最终效果由此图可以看到无论网页缩放与放大网页都不会影响到这张图片的尺寸。在放最终代码之前注意：图片建议一定要大于显示器屏幕，建议为1000左右甚至更高。（如果是小于屏幕的情况下把图片铺满屏幕会出现图片变形的情况）最终代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport"原创 2021-06-21 17:08:56 · 1782 阅读 · 0 评论 -
Js 延迟加载
延迟加载对于js 失效 的都可以使用延迟加载解决setTimeout(function() { 这里写代码 }, 5000); //5秒后将会执行{}括号内的代码原创 2021-04-29 11:55:03 · 113 阅读 · 0 评论 -
前端网页遇到字体溢出，需用到字体比12px 更小的解决方法
scale整体缩放transform: scale(这里填写数字，默认值为1；大于数字1 代表放大，小于1代表缩放（如0.6）);可用来处理任何难以再变化尺寸的元素；<style type="text/css"> //把选中的div下元素整比例的缩放，如果元素里包含文字一并缩放，注：元素一定要有宽高，盒子元素 div{transform: scale(0.6);}</style>再随便打开一个网页F12 测试下（如下图）：...原创 2021-03-29 09:33:58 · 462 阅读 · 0 评论 -
前端实现点击弹出视频展示模块
最终效果代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>点击按钮展示原创 2021-03-27 16:23:31 · 2560 阅读 · 3 评论 -
jQuery 获取不到 textarea，值为空问题
使用jQuery 的val(); 获取；如：html：<textarea name="con" type="text" id="Rtest"></textarea>jq：var textarea = $("#Rtest").val();注意：一定要在html 中的textarea标签中加入 type="text" 这个属性，，不然就获取不到数据。...原创 2021-03-13 09:58:09 · 2207 阅读 · 6 评论