html5/js
文章平均质量分 53
html5/js
一名落魄的程序员
我很懒的,真的很懒
展开
-
前端纯html5+css实现动态效果组件代码(持续更新)
前端纯html5+css实现动态效果组件代码(持续更新)原创 2022-07-21 16:14:45 · 916 阅读 · 0 评论 -
动态背景颜色渐变HTML
* 动画,控制背景 background-position *//* 设置容器尺寸 - 原理1 *//* 背景渐变色 - 原理2 *//* 背景尺寸 - 原理3 *//* 循环动画 - 原理4 *//*动态渐变背景*/原创 2023-09-19 11:15:52 · 739 阅读 · 0 评论 -
滚动字幕404.html
滚动字幕404.html原创 2023-09-22 10:30:00 · 153 阅读 · 0 评论 -
js禁用F1至F12、禁止缩放、取消选中并且取消右键操作、打印、拖拽、鼠标点击弹出自定义信息、禁用开发者工具js
js禁用F1至F12、禁止缩放、取消选中并且取消右键操作、打印、拖拽、鼠标点击弹出自定义信息、禁用开发者工具js原创 2023-09-20 12:30:00 · 881 阅读 · 0 评论 -
MD5.js
【代码】MD5.js。原创 2023-09-21 12:30:00 · 132 阅读 · 0 评论 -
m3u8视频播放HTML
/ 告诉videojs,这是一个hls流。// videojs 简单使用。原创 2023-09-19 10:38:03 · 2979 阅读 · 0 评论 -
存css实现动态时钟背景
存css实现动态时钟背景原创 2023-07-13 16:30:37 · 959 阅读 · 0 评论 -
js防盗用
js防盗用原创 2023-03-06 13:40:49 · 211 阅读 · 1 评论 -
javascript实现山顶流星动态HTML5页面
javascript实现山顶流星动态HTML5页面原创 2023-02-22 13:45:00 · 531 阅读 · 0 评论 -
js鼠标点击弹出自定义信息
js鼠标点击弹出自定义信息原创 2023-02-08 15:00:00 · 266 阅读 · 0 评论 -
HTML实现闪电打字效果
HTML实现闪电打字效果原创 2023-01-13 16:30:00 · 617 阅读 · 2 评论 -
HTML实现右下角闪烁弹窗
HTML实现右下角闪烁弹窗原创 2023-01-07 12:45:00 · 1485 阅读 · 0 评论 -
css实现文字闪烁效果
css实现文字闪烁效果原创 2023-01-07 08:45:00 · 5227 阅读 · 0 评论 -
js 右键弹出自定义菜单
js 右键弹出自定义菜单原创 2023-01-08 10:15:00 · 834 阅读 · 0 评论 -
js实现点击按钮随机生成背景颜色
js实现点击按钮随机生成背景颜色原创 2023-01-06 15:09:11 · 425 阅读 · 0 评论 -
HTML实现纯前端压缩图片
js实现纯前端压缩图片1、通过FileReader读取图片文件,用 Image来装图片url(可以用来预览)2、转化成base64字符串模式3、通过maxWidth,MaxHeight和比例来控制最终的canvas的宽高4、用canvas画图5、在把canvas输出blob文件,进行上传原创 2023-01-06 15:06:55 · 1195 阅读 · 0 评论 -
js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本
js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本原创 2023-01-11 11:00:00 · 1296 阅读 · 0 评论 -
input(不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字)
input(不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字)原创 2023-01-09 15:45:00 · 876 阅读 · 0 评论 -
html跑马灯走马灯效果
html跑马灯走马灯效果原创 2023-01-12 14:30:00 · 704 阅读 · 0 评论 -
HTML贪吃蛇游戏源码(穿墙)
html贪吃蛇游戏源码(穿墙)原创 2023-01-11 15:00:00 · 524 阅读 · 0 评论 -
HTML实现网站欢迎页过渡
HTML实现网站欢迎页过渡原创 2023-01-09 14:00:00 · 1913 阅读 · 1 评论 -
HTML实现动态旋转字母背景
HTML实现动态旋转字母背景原创 2023-01-07 13:00:00 · 937 阅读 · 0 评论 -
HTML实现舔狗日记
HTML实现舔狗日记原创 2023-01-06 10:28:12 · 8899 阅读 · 0 评论 -
HTML实现狗屁不通文章生成器
HTML实现狗屁不通文章生成器原创 2023-01-10 13:00:00 · 756 阅读 · 0 评论 -
Html5+Css实现动效三层/双层图片对比
Html5+Css实现动效三层/双层图片对比原创 2022-07-27 15:45:00 · 325 阅读 · 0 评论 -
Html5+Css实现动效图片放大
Html5+Css实现动效图片放大原创 2022-07-22 16:45:00 · 230 阅读 · 0 评论 -
Html5+Css实现动效轮播
Html5+Css实现动效轮播原创 2022-07-27 13:30:00 · 189 阅读 · 0 评论 -
Html5+Css实现卡片动效
Html5+Css实现卡片动效原创 2022-07-26 13:30:00 · 647 阅读 · 0 评论 -
Html5+Css实现动态动效进度条
Html5+Css实现动态动效进度条原创 2022-07-25 13:30:00 · 198 阅读 · 0 评论 -
Html5+Css实现动效高亮登录按钮
Html5+Css实现动效高亮登录按钮原创 2022-07-24 13:30:00 · 398 阅读 · 0 评论 -
Html5+Css实现两种动效导航
Html5+Css实现两种动效导航原创 2022-07-23 13:30:00 · 197 阅读 · 0 评论 -
Html5+Css实现四种动效按钮
Html5+Css实现四种动效按钮原创 2022-07-22 13:30:00 · 317 阅读 · 0 评论 -
Html5+Css实现三种地图
Html5+Css实现三种地图原创 2022-07-21 15:24:47 · 556 阅读 · 0 评论 -
解决js计算丢失精度的问题
/** * 增强版:解决js计算丢失精度的问题 */var floatObj = function() { /* * 判断obj是否为一个整数 */ function isInteger(obj) { return Math.floor(obj) === obj; } /* * 将一个浮点数转成整数,返回整数和倍数。如 3.14 >> 314,倍数是 100 * @param floatNu原创 2021-11-15 15:30:00 · 599 阅读 · 1 评论 -
html5图片点击放大
第一种:css:<style type="text/css"> * { margin:0px; padding:0px; } .zhezhao { width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.5;原创 2021-11-14 11:00:00 · 7230 阅读 · 0 评论 -
html5网站访问地图
这个地图是我结合了网上的代码自己修改了下做出来的,样子大概是这样前端使用的是layui,如果要使用的话需要更改一下 我就直接上代码吧<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8"> <title>welcome</title> <link rel="stylesheet"原创 2021-08-12 10:33:36 · 438 阅读 · 3 评论 -
html5文字打印机效果
body:<div id="text" style="color: white;margin-left:10%;font-size: 17px;font-weight: bold;background-color: rgba(0,0,0,0.71);margin-top: 20px;line-height: 30px;"></div>js:var divTyping = document.getElementById('text') var i = 0,原创 2021-10-25 10:37:59 · 757 阅读 · 1 评论 -
html5侧边栏鼠标悬浮显示
疫情在家做网站的时候弄的一个东西,本人对前端不是很了解找了好多资料才弄出来的前端用的layui<div style="position: fixed;right: 0;bottom: 20%;z-index: 50"> <a type="button" class="layui-btn layui-btn-sm" id="more" style="background: rgba(0,0,0,0.5);border: 1px rgba(255, 195, 90,0.6) soli原创 2021-08-12 11:12:57 · 2074 阅读 · 0 评论 -
HTML5中url跳转地址栏不发生变化
//url跳转地址栏不发生变化function createXMLHttpRequest(){ if(window.XMLHttpRequest){ XMLHttpR = new XMLHttpRequest(); }else if(window.ActiveXObject){ try{ XMLHttpR = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){原创 2021-08-26 10:10:54 · 1333 阅读 · 0 评论 -
js阿拉伯数字转换为简写汉字
//阿拉伯数字转换为简写汉字function ArabiSimplified(Num) { for (var i = Num.length - 1; i >= 0; i--) { Num = Num.replace(",", "")//替换Num中的“,” Num = Num.replace(" ", "")//替换Num中的空格 } if (isNaN(Num)) { //验证输入的字符是否为数字 //alert("请检查小写原创 2021-08-26 09:50:38 · 555 阅读 · 1 评论