WUXIANJINBU的博客

原创 html禁止复制，禁止查看源码，保护源码

【代码】html禁止复制，禁止查看源码，保护源码。

原创 html隐藏滚动条

【代码】html隐藏滚动条。

原创 video切换清晰度，暂停广告，

【代码】video切换清晰度，暂停广告，

原创 左右布局：左边固定，右边适应可滑动

【代码】左右布局：左边固定，右边适应可滑动。

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

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

原创 div设置height:100%；无效的原因

所有父元素都要设置高度才有用（html，body，div）

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

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

原创 图片切换轮播

【代码】图片切换轮播。

原创 html实现清晰度切换

【代码】html实现清晰度切换。

原创 按钮点击变色（js小案例）

【代码】按钮点击变色（js小案例）

原创 html自定义滚动条样式

【代码】html自定义滚动条样式。

原创 div文字溢出可滑动，不出现滚动条

【代码】div文字溢出可滑动，不出现滚动条。

原创 div点击弹窗播放视频

【代码】div点击弹窗播放视频。

原创 CSS 如何实现div的自动换行

【代码】CSS 如何实现div的自动换行。

原创 HTML+CSS实现带按钮的弹出框

【代码】HTML+CSS实现带按钮的弹出框。

原创 html一键返回顶部功能

【代码】html一键返回顶部功能。

原创 html页面字体自适应屏幕大小，根据屏幕宽度适应font-size文字大小

js。

原创 div一边固定宽度，一边自适应（实现两栏布局）

【代码】div一边固定宽度，一边自适应（实现两栏布局）

原创 top按钮返回顶部

【代码】top按钮返回顶部。

原创 点击按钮切换视频：仿视频网站

【代码】点击按钮切换视频：仿视频网站。

原创 谷歌小恐龙HTML源代码

【代码】谷歌小恐龙HTML源代码。

原创 HTML纯前端制作：黄金矿工

结构。

原创 贪食蛇html源码

【代码】贪食蛇html源码。

原创 html原生写俄罗斯方块

【代码】html原生写俄罗斯方块。

原创 html马里奥小游戏

【代码】html马里奥小游戏。

原创 html马里奥游戏

转载 html游戏原生实现（五子棋）

点击一个格子就可以下棋了，你下完一步AI会自动下，加油！

原创 存储,读取,删除localStorage的数据

相对的在读取json格式字符串只有我们也无法直接使用,需要将它转换为josn对象之后才是我们想要的结果,所以我们需要调用 JSON.parse()方法来进行转化,通过JSON.stringify(Object)方法将对象转化为一个json格式的字符串进行存储。{object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式。但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为。注意:请谨慎使用,它会清空所有的本地存储数据。

原创 CSS自动换行、强制不换行、强制断行、超出显示省略号

标签内的内容没有换行，导致布局错乱，于是尝试着使用换行样式，虽然解决了问题，但是并没有发现本质原因，本质在于，我当时获取的数据是一长串的数字，浏览器应该是对数字和英文单词处理方式相近，不会截断。标签是默认是自动换行的，因此设置好宽度之后，能够较好的实现效果，但是最近的项目中发现，使用 ajax 加载数据之后，设置强制将英文单词断行，需要将行内元素设置为块级元素。先给出各种方式，再具体介绍每一个属性。

原创 input框中放置图标

【代码】input框中放置图标。

原创 @Media 自适应设备（网站兼容移动设备）

这里initial-scale、maximum-scale设置为0.1或0，表示将网页缩放至最小或者不缩放，以至于用户在移动端进入网页就能看到网页全貌，网页整体样式就不错乱了，正常情况下都是设置为1，如果设置为1的话，手机端的页面就超出屏幕，还需要用户手动缩放页面才能看到网页全貌。color-index:检查设备颜色索引表中的颜色，他的值不能是负数。device-aspect-ratio:检测设备的宽度和高度的比例。grid:检测输出的设备是网格的还是位图设备。device-width:设备屏幕的宽度。

原创 点击按钮：复制div中的文本内容到剪切板

【代码】点击按钮：复制div中的文本内容到剪切板。

原创 img图片上叠加文字内容

2、分别为div标签和p标签添加“position: relative;”和“position: absolute;html中可以用css相对定位让文字在图片的上面。

原创 HTML访问需密码，输入密码正确后跳转到另一页面

if((e||event).keyCode==13 13是回车键对应的数字，“如果按下回车”document.getElementById("password").value获得输入的值。document.onkeydown = function(e)检测键盘，传递数值。οnclick="huiche()"点击后调用huiche()函数。=="zjrzdgdfFGZHDS"判断是否等于设置的密码。id="password"用于记录输入的内容。

原创 HTML 实现点击图片，弹窗放大显示效果

在HTML中，使用 <img> 标签来展示图片，通过 onclick 事件调用 JavaScript 中的 showModal() 函数来显示模态框。模态框的关闭通过模态框本身的 onclick 事件调用 JavaScript 中的 hideModal() 函数来实现。JavaScript 部分定义了两个函数：showModal() 用于显示模态框并设置模态框中图片的源，hideModal() 用于隐藏模态框。通过使用以上代码，在点击图片时，将展示一个独立的模态框，其中包含点击的图片放大显示。

原创 HTML本地实现注册登录储存数据页面

实现一个登录,注册代码,用户注册,的用户名和密码,等信息,存储在浏览器本地存储中。新手第一次发优快云，请多关照。

原创 易语言静态编译失败问题

4.双击打开粘贴的文件夹，找到link.e文件拖拽到易语言图标上或者右键用易语言打开。1.复制VC98link整个文件夹。5.按键盘上“F5”后点击修改。2.右键打开易语言所在位置。7.测试程序静态编译，成功。3.粘贴文件夹到当前位置。