html+js

原生html+js播放flv直播视频流【vue等皆可用】

在此介绍一种使用原生html+js即可实现直播视频流播放的方式，内网外网皆可用。二、实现引入Bilibili开源Flash视频（FLV）播放器方式一：
Odinpeng·2024-08-30 20:32

前端html+js实现懒加载的两种常见方法

忘记啥原因了，对图片懒加载有点好奇，于是乎查了一下有哪些方法，在这里记录下来使用H5标准内置标签loading参考：vue实现懒加载_vue懒加载-CSDN博客注意事项：需要设置图片的宽高，尽量设置高度大一点，这样效果明显一点。不设置浏览器将不知道实际占位大小，会直接把图像加载过来。代码示例：图片加载.ttt{width:100px;height:500px;display:block;}使用JS
JSU_曾是此间年少·2024-08-25 17:04

【总结】HTML+JS逆向混淆混合

国外的题果然考的与众不同[secrypt_cen.html]这次是HTML网页，然后JS加密判断翻看JS代码很显然，关键的代码在checkPasswordJS混淆是必备的去混淆一条龙走起先将关键代码提取出来JavaScriptfunction_0x4857(_0x398c7a,_0x2b4590){const_0x104914=_0x25ec();_0x4857=function(_0x22f01
·2024-02-19 10:06

基于html+js实现简易下拉列表移动

使用html和js实现的一个简单小练习下拉列表移动。大概功能就是选中城市名，再点击按钮进行相应的移动。全左、全右则是选中全部的城市名进行移动。依旧使用的是DOM2事件代理，详细的解释和代码步骤我都注释在下面的代码中的，请君一阅。【注：仅作自己查看和分享学习之用】下拉列表移动section{display:flex;align-items:center;margin-bottom:30px;}sel
未休95·2024-02-15 01:38

基于html+js实现爆破球（面向对象写法）

使用html和js实现的一个简单小练习爆破球，大概功能主要是：点击吐泡泡按钮，可以不停的生成大小随机的球球，且该球球在出现时会放大，放大完成会消失。该代码是面向对象的写法。详细的解释和代码步骤我都注释在下面的代码中的，请君一阅。【注：仅作自己查看和分享学习之用】【效果图如下】代码如下：爆破球letbtn=document.getElementsByTagName("input")[0];//圆的类
未休95·2024-02-15 01:38

基于html+js实现随机生成图形（面向对象、继承写法）

使用html和js实现的一个简单小练习随机生成图形，大概功能主要是：点击哪个图形的按钮，可以不停的生成大小随机的该图形。该代码是面向对象的写法，主要用到的是继承，每一个小图形类都是继承的图形大类。详细的解释和代码步骤我都注释在下面的代码中的，请君一阅。【注：仅作自己查看和分享学习之用】【效果图如下】代码如下：随机生成图形letbtn=document.getElementsByTagName("i
未休95·2024-02-15 01:38

简易留言板HTML+JS代码

之前做的一个简易的留言板，也发上来。直接看代码就行。没有用特别复杂的，直接用的DOM2的事件代理。数据也是直接在js这边渲染生成，我的代码里面的注释都算是比较详细的，直接看就可以的。留言板article{border:3pxsolidrgb(195,2,2);width:800px;margin:0auto;padding-bottom:50px;}p{display:flex;justify-c
未休95·2024-02-15 01:07

基于HTML+JS实现的简易双色球滚动代码

在JS一侧限定7个数的范围，进行随机数的筛选，再将其渲染到页面上，并运用时间函数进行滚动。为了提升用户体验，所以开始按钮点击后，就得加个事件监听器把它禁用，直到点击结束按钮，开始按钮才恢复可使用状态。代码和注释都在下面，请君一阅。双色球section>div:nth-child(1){display:flex;margin-bottom:20px;}section>div:nth-child(1)
未休95·2024-02-15 01:07

基于html+js实现轮播图（自动轮播、左右按钮、小圆点点击及切换图片）

使用html和js实现的一个简单小练习轮播图。大概功能主要是：1、使用时间函数自动切换图片；2、在图片及按钮及小圆点的父节点身上绑定事件代理，添加mouseenter及mouseleave事件类型，让鼠标移入，图片暂停，移出，图片恢复轮播；3、在按钮的父节点身上绑定事件代理，事件类型为click，使用event.target判断点击的目标范围，让左右两个按钮，点击可以切换上一张或下一张；4、给图片
未休95·2024-02-15 01:29

html时间倒计时

文章目录一、HTML+js[时间倒计时]输出结果一、HTML+js[时间倒计时]时间倒计时functionDate_count_down(jztime,divname){varnow=newDate()
QH_染·2024-02-09 15:52

前端三件套搭建登录页面（HTML+CSS+JS）

目录HTML+JS代码（登录页面）代码解析CSS代码注册页面HTML代码素材图片小结HTML+JS代码（登录页面）欢迎登录账 号密 码没有账号？
詹小友·2024-01-25 01:16

HTML+js实现贪吃蛇小游戏（内含完整代码）

案例分析看图拆解游戏首先我们根据图片上的内容把这个游戏拆解成几个部分去单独看：最外面的大盒子包裹着内容加边框限制蛇的活动范围，整个范围可以看成由许多小方格排列构成的，例如这样子的：；两个按钮，一个控制开始游戏，一个控制游戏中途的暂停继续功能；盒子里面有可以移动的蛇，最开始状态的蛇分为蛇头、蛇身、蛇尾三个部分，蛇只能走直线，通过上⬆下⬇左⬅右⬅的功能键去控制蛇的走向；还有一个随机产生在限制区域内的食
super码力·2024-01-21 22:19

html+js网页连接MQTT服务器new Paho.MQTT.Client

网页完整代码示例Document简单测试client=newPaho.MQTT.Client("broker.emqx.io",Number(8083),"websockets-test");//建立客户端实例client.connect({onSuccess:onConnect});//连接服务器并注册连接成功处理事件functiononConnect(){console.log("onConn
小鱼小鱼干·2024-01-18 11:50

HTML+JS 牛奶购物车功能页面

这是一个很多老师拿来教学的经典案例，参照购物车HTML代码，依次完成购物车的商品全选、增减商品数量、修改商品小计、计算商品总额、删除商品、选中商品添加背景等功能car.html购物车全选功能*{margin:0;padding:0;}ul{list-style:none;}a{text-decoration:none;color:#666;}body{background:#fff;color:#
xiaobuzq·2024-01-12 14:48

HTML+JS好例子集锦

HTML+JS好例子集锦一些HTML+JavaScript好例子，有些例子照网络资料，包括：HTML+JS限时小学数学出题、打开对话框选择本地文件、简单画布画板、俄罗斯方块游戏、落英纷飞动画、随机点名器的示例
软件技术爱好者·2024-01-01 04:25

【趣导航】一个专门收集创意小站的导航站

这种导航站纯静态，无交互，制作非常简单，无需任何后端技术，只需要懂少量的Html+JS的知识就可以动手做。
全赞工程师·2023-12-29 12:14

HTML+JS实现水果消消乐游戏完整源码附注释

游戏实现效果游戏完整源码
LilyCoder·2023-12-22 23:54

HTML+JS樱花飘落特效+鼠标点击特效

目录：效果：index.html代码：樱花飘落特效+鼠标点击特效（源码）.body001{background:white;}.div001{text-align:center;font-size:18px;}樱花飘落特效+鼠标点击特效（源码）yinghua.js代码（图片为base64编码，可根据具体情况修改）：varstop,staticx;varimg=newImage();img.src=
半杯橙汁·2023-12-19 05:38

性能测试之Locust（完整版）

2、特点①、不需要编写笨重的UI或者臃肿的XML代码，基于协程而不是回调，脚本编写简单易读；②、有一个基于简洁的HTML+JS的UI用户界面，可以实时显示
飞川撸码·2023-12-18 21:35

【超详细教程】基于html+js实现轮播图

轮播图是现代网页设计中常见的元素之一，它能够展示多张图片或内容，在有限的空间内循环播放，提升网页的视觉效果和用户体验。下面将以一个简单的网页轮播图为例，说明如何基于HTML和JavaScript实现。1、R5Ai智能助手chatgpt国内版本:R5Ai智能助手（我正在使用的）支持gpt4/gpt-3.5/claude支持AI绘画每天十次免费使用机会无需魔法首先，在HTML文件中创建一个容器元素，用
偷拨网线的william·2023-12-04 20:28

HTML点击鼠标动态特效，屏幕生成特效火花特效

效果视频：火花视频html+js直接上代码：MouseClickEffectbody{margin:0;padding:0;background-color:#000;}canvas{position:
YCY^v^·2023-11-30 10:49

GIS入门，开源 JavaScript二维地图引擎OpenLayers介绍

Vue+OpenLayers中文教程推荐，不同于OpenLayers官方文档使用html+js原生原生教程，博主专栏包含大量vue整合案例和实际开发案例，非常适合地图开发小白快速入门。
汤姆猫不是猫·2023-11-26 05:40

HTML实现好看的登录注册页面

成品展示其它HTML实现好看的登录注册界面（一)HTML实现好看而简洁的登录页面HTML实现一个简单而精美的登录界面代码html+js登录忘记密码？
News777·2023-11-25 05:31

HTML+JS 实现图片下载到本地

原理：download属性是HTML5中新增的标签属性。能够让我们指定浏览器下载文件时的默认名称。将download属性添加到链接上，当我们点击这个链接，download属性值里的名称会显示到弹出的下载框里，而且download属性能够强制触发下载操作。方法一：通过链接实现图片下载方法二：通过JS触发链接实现图片下载​下载图片document.querySelector('.downImageBt
ITD刘哈哈·2023-11-11 11:04

前端框架Vue（2）——Vue-Router 路由跳转

1、最简单：html+js全在一个文件中动态路由匹配HelloApp!
JesusAllen30·2023-11-06 13:40

Flutter vs 前端 杂谈：SliverAppBar、手动实现Appbar、前端Html+JS怎么实现滚动变化型Appbar - 比较

Fluttervs前端杂谈SliverAppBar的弹性背景的显隐效果使用Html+JS怎么实现作者：李俊才（jcLee95）：https://blog.csdn.net/qq_28550263邮箱：291148484
jcLee95·2023-11-04 08:44

OpenLayers地图基本概念（Map、View、Layer、Source四种基本类型）和背景介绍，OpenLayers官方文档翻译，OpenLayers官方中文教程，OpenLayers中文指南

Vue+OpenLayers中文教程推荐，不同于OpenLayers官方文档使用html+js原生原生教程，博主专栏包含大量vue整合案例和实际开发案例，非常适合地图开发小白快速入门。
汤姆猫不是猫·2023-11-01 01:13

【HTML+js 简易的音乐播放器（包含原理解释）】

HTML+js简易的音乐播放器（包含原理解释）综述HTMLaudio简介及开发环境一、audio控件1.audio控件的基本属性2.audio控件的基本响应事件二、开发环境代码及原理介绍前言1.添加播放器控件及对应的资源
胖作家·2023-10-31 21:07

HTML5+CSS3+JS小实例：打散文字随机浮动特效

实例：打散文字随机浮动特效技术栈：HTML+CSS+JS效果：源码：【HTML+JS】打散文字随机浮动特效你说帘外海棠，锦屏鸳鸯；后来庭院春深，咫尺画堂。
艾恩小灰灰·2023-10-29 23:12

html+js实现自定义弹窗

哈哈转载这个还不错但是我暂时用不到html+js实现自定义弹窗_html自定义弹框-CSDN博客自定义弹窗body,P{margin:0;padding:0;}.popup{display:none;position
qqqweiweiqq·2023-10-24 23:57

基于html+js编写的生命游戏

前言本文将介绍一个基于html+js的生命游戏，该项目只有一个html代码，无任何其他以来，UI方面采用了vue+element-plus进行渲染，游戏的界面基于canvas进行渲染，先来看一下成果。
haohulala·2023-10-23 12:45

用HTML+JS制作二维码生成器

代码如下二维码生成body{font-family:Arial,sans-serif;text-align:center;margin:0;padding:0;}h1{margin-top:30px;}input{width:300px;height:30px;font-size:16px;padding:5px;margin-top:20px;}button{width:120px;height
宾盛官方·2023-09-23 11:04

html+js写一个可编辑的元素 支持直接向上粘贴文本或图片

有一说一来讲CSDN博客的编辑器还是非常厉害的能够完美设配图片与文字的粘贴与输入但其实如果做个捡漏版的js也可以完成但这里为了方便我选择了vue2的环境参考代码如下exportdefault{methods:{handlePaste(event){event.preventDefault();constclipboardData=(event.clipboardData||event.origin
深圳市有德者科技有限公司-耿瑞·2023-09-18 21:35

html+js实现批量打印分页打印的效果

无标题文档functiondoPrint(){bdhtml=window.document.body.innerHTML;sprnstr="";eprnstr="";prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));window.docume
hai7425·2023-08-22 15:55

【html本地工具】html+JS实现一个超好看的绘画板/涂鸦板，带画笔、矩形、圆形、直线、文本、橡皮擦，有撤销、恢复、保存功能

前言大家好，这里是符华，今天我们来用纯html+js实现一个绘画板，需要有以下几个功能：画笔工具自由画笔矩形圆形直线文本输入画笔和橡皮擦调整大小粗细调整画笔颜色橡皮擦保存为图片撤销恢复（反撤销）实现上面这些功能的话
符华-·2023-08-19 01:12

jquery.i18n.properties的使用讲解与实例

最近在做一个主页时需要用国际化，用HTML+JS，还有jQuery,于是就选择了jquery.i18n.properties.js。本文介绍的示例还依赖jquery、jquery.json。
Abelce·2023-08-15 08:09

【Java Web基础】(五)实现新增下拉列表—由用户输入内容(Html+JS)

Html文件中的代码：尝试一下大连北京上海广州MyJS.js文件中的代码：document.write('');//引入当前目录下的ChinesePY.js文件。functionadd(){varopObject=document.myForm.cities;opObject.length++;varx=prompt("请输入你所在的城市");varPy=Pinyin.GetQP(x);opObj
passer__jw767·2023-08-05 06:34

html+js实现导出多sheet的excel

letclassList=[{className:"exBody1",title:"产品单",type:1},{className:"exBody2",title:"下料单",type:2},{className:"exBody3",title:"开料单",type:3},{className:"exBody4",title:"掩门单",type:4},{className:"exBody5",t
七百年前·2023-08-02 14:45

ShiroHttpServletRequest,文件上传时报错ClassCastException

图片上传对一些后台系统来讲，是一个比较常见的功能，我们有一个项目的后台项目是用html+JS开发的，今天在做后台系统的时候，需要做一些配置项的保存，涉及到图片上传，在Html页面中增加图片上传的代码：图片
浅月流苏·2023-07-26 18:48

html+js实现判断域名无法访问的时候自行访问下一条域名

我们首先定义了一个包含需要检查的域名的数组domains。然后定义了一个名为checkDomain的函数，用于检查指定的域名是否可以访问。在函数中，我们使用XMLHttpRequest对象发送一个GET请求，并在响应状态码为200时表示域名可以访问，否则表示域名无法访问并尝试下一个域名。在初始化时，我们首先调用checkDomain函数来检查第一个域名是否可以访问。如果当前域名无法访问，则会自动调
于飞SEO·2023-07-20 02:57

一个简单的html5+jquery实现的贪吃蛇小游戏

带徒弟撸代码，目前教学进度在前端html+js，最近徒弟说很羡慕做后端的同事，感觉自己就是个做网页的，后端同事做的才是软件，可以实现各种复杂的功能，前端太弱了（--！）
坏坏的老实人·2023-07-18 09:51

用HTML+js实现求圆的面积和周长

圆的面积和周长functionabc()//函数{varinput=document.getElementsByName('r')[0]//用js获取文本框的值value=input.valuevalue=parseInt(value)document.getElementsByTagName('div')[0].innerText='面积:'+(Math.PI*value*value)docum
DAdsh#e13mcdf·2023-07-18 08:28

Vue3 & JSX 插槽、v-model 的用法以及 React JSX 的区别

一、什么是JSXJSX是用一种可以将HTML+JS混合写的一种语法糖，最初由React率先研发，后来Vue3也借鉴了这种写法灵感实现自家的JSX。实际上，能够快
cookcyq·2023-07-17 14:20

前端HTML+JS

Js(JavaScript):解释器语言，脚本语言，没有编译过程与Java语言无关，必须进入html页面里面执行，建一个.html文件,可以加在标签里回调属性：以on开头或者以in开头：触发之前预先设置好的动作onclick:点击后会出现的操作点击后警告1：js语言写在JavaScript：script标签可以放在任何地方，他也是一个盒子：alert('1');//阻塞式的操作,打开网页警告1wi
m0_58414041·2023-06-23 06:42

一个《跳动的爱心》代码，纯HTML+JS，双击直接运行

HTML+JS实现的一个跳动的爱心。集合了web动画库GSAPJS、OBJ文件加载器OBJLoader、WebGL第三方库Three.js等。效果非常棒！
倾斜的水瓶座·2023-06-17 01:06

分享一个爱心的特效代码

给大家分享一个用html+js写的爱心特效代码，打开你的dw或者vscode编辑器，将代码丢进去运行就行，小白请参考第二点目录一、有代码基础的同学看这儿效果：源码：有些新入门的铁子可能不知道dw或者vscode
沐阳gg·2023-06-16 21:56

使用html+js实现视频播放器

使用html+js实现视频播放器新手第一次发CSDN，请多关照今天我来整理一下视频播放器，主要是javaScript部分。
TryMyBestTo·2023-06-13 03:54

HTML+JS 实现手机号码归属地查询功能

手机号码归属地API是一种提供号码归属地信息的接口，它通过与运营商和电信数据库交互，根据手机号码查询相关归属地信息并返回结果。通过使用手机号码归属地API，开发者可以轻松地集成号码归属地查询功能到他们的应用程序和服务中，为用户提供更好的体验和服务。功能概述手机号码归属地查询功能的基本原理是通过用户输入的手机号码，利用手机号码归属地API向运营商和电信数据库发起查询请求，获取该号码的归属地信息，并将
海碗吃饭·2023-06-07 22:25

JavaScrip练习

HTML+JS计算器Calculator789+456-123*0.
陆卿之·2023-06-07 07:20

html+css+支付宝页面,HTML+CSS+JS简单实现支付宝付款界面效果

HTML+JS部分Payvarpassword="";functionclean(){if(password.length>0){password=password.substr(0,password.length
超超不吃香菜呀·2023-04-20 15:47
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他