Web技术教程 - 开阔云

网页技术交流

55 话题	15 成员	38 积分	8 排名

帖子

[使用教程] h5页面背景图很长要有滚动条滑动效果的实现最近做项目过程中，老大提了个很奇葩的要求背景图铺满页面，他要求有滚动条可以滑动，他给我讲的思路是用js获取背景图片的高，在获取当前窗口的高，两者比较，当窗口的高小于背景图片的高，把 ... 作者: 零五零八 2021-5-13 3501 1

[使用教程] 前端使用canvas生成盲水印的加密解密的实现为了保障信息安全，防止重大信息泄露，并且能够锁定泄露用户，需要对页面展示的图片加入当前用户信息的盲水印，即最终图片外观看起来和原图一样，但是经过解码以后可以识别出水印信息，并且在截 ... 作者: 零五零八 2021-4-17 2723 0
[使用教程] 纯CSS3实现圆圈动态发光特效动画的示例代码本文主要介绍了纯CSS3实现圆圈动态发光特效动画的示例代码，分享给大家，具体如下：效果图：代码：这个效果的具体实现主要是用到了CSS3 的animation 它共有8个属性： animation-n ... 作者: 零五零八 2021-4-7 1585 0
[使用教程] CSS实现图像映射的方法利用图像映射可以将图像的一些区域指定为热点。鼠标滑过该区域，可以展示一些内容信息。当然我们也可以单击该区域进行跳转，实现一个类似于图像导航的功能。我从网上找了上边这样一张图片， ... 作者: 零五零八 2021-3-22 2444 0
[使用教程] 纯CSS3实现圆圈动态发光特效动画的示例代码本文主要介绍了纯CSS3实现圆圈动态发光特效动画的示例代码，分享给大家，具体如下：效果图：代码：这个效果的具体实现主要是用到了CSS3 的animation 它共有8个属性： animat ... 作者: 零五零八 2021-3-22 1531 0
[使用教程] html5 拖拽及用 js 实现拖拽功能的示例代码拖拽元素：可以为元素添加 draggable="true"来让元素能够被拖拽。拖拽元素的事件监听：（应用于拖拽元素） []ondragstart当拖拽开始时调用 []ondragleave 当鼠标离开拖拽元素时调用 []ondr ... 作者: 零五零八 2021-3-5* 1599 0
[使用教程] 使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡... 用了layui框架 1.home.html主界面 2.两个切换界面（jiaose.html,zhanghao.html）: jiaose.html 作者: 零五零八 2021-2-28 2071 0
[使用教程] css样式常见图形效果展示的实例代码简单写一下常见的基础图形，以及一些遇到的样式小图标下图是css效果⬇ . 各个图形的代码如下： Square(正方形) Circle(圆形) Triangle Up(正三角形) Triangle Down(倒三角形) ... 作者: 零五零八 2021-2-25 1549 0
[其它] CSS3 实现时间轴动画实现效果 html CSS 作者: 零五零八 2021-2-1 1827 0
[使用教程] HTML5实现移动端点击翻牌功能效果 []一个大小的两个面，在同一位置上 []正面的Y轴旋转为0度 []背面的Y轴旋转180度 []隐藏被旋转的 div 元素的背面（backfac ... 作者: 零五零八 2021-1-29 1522 0
[使用教程] 浅析HTML5 meta viewport参数随着移动端的流行，在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 viewport是什么 ... 作者: 零五零八 2021-1-29 1895 0
[使用教程] overflow:auto的用法详解在开始正文前，我介绍一下overflow和flex布局的某些用法。 overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。 flex中的属性 display: flex; flex-direction: col ... 作者: 零五零八 2021-1-28 1671 0
[使用教程] CSS3实现菜单悬停效果 html: css: 作者: 零五零八 2021-1-28 1427 0
[使用教程] FrontPage怎么自定义设置CSS外部样式表? 外部样式表将一些样式信息定义在一个单独的外部文件中，其扩展名为.css。整个网站的所有文件都可以链接些文件，并使用其中的定义的样式，想要在FrontPage中设置css外部样式表，该怎么实现呢？下 ... 作者: 零五零八 2021-1-27 1719 0
[自由交流] 关于HTML5+ API plusready的兼容问 Android平台提前注入5+ API，支持在plusready事件前调用在5+ Runtime环境中，通常情况下需要html页面解析完成后才会注入5+ API，执行的顺序为： 1. 加载html页面 2. 解析html页面（ ... 作者: 零五零八 2021-1-26 2314 0
[使用教程] 页面中有间隔的方格布局如何完美实现方法方格中间有一定的间隙，间隙是固定的。应该如何布局会更加完美呢，比如要保证在布局完成的情况下，可以快速的添加一个元素依然保持这样的布局。以及当出现第二行的时候，这样的布局依然能够不受 ... 作者: 零五零八 2020-12-24 1696 0
[使用教程] CSS3贝塞尔曲线示例：创建链接悬停动画效果我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是 CSS 过渡，为弹出框提供了更 ... 作者: 零五零八 2020-12-14 1469 0
[使用教程] CSS实现宽度自适应宽高16:9的矩形的示例现在我们来讲讲做自适应16:9的矩形要怎么做第一步先计算高度，假设宽100%，那么高为h=9/16=56.25% 第二步利用之前所说设置padding-bottom方法实现矩形类似不同的比例矩形，都可以用这种 ... 作者: 零五零八 2020-12-14 1690 0
[使用教程] HTML+CSS3+JS 实现的下拉菜单效果 HTML CSS3 js 作者: 零五零八 2020-12-3 1778 0
[使用教程] 纯CSS3实现的井字棋游戏效果： HTML CSS3 作者: 零五零八 2020-12-3 1833 0

12 3 / 3 页下一页

[使用教程] h5页面背景图很长要有滚动条滑动效果的实现最近做项目过程中，老大提了个很奇葩的要求背景图铺满页面，他要求有滚动条可以滑动，他给我讲的思路是用js获取背景图片的高，在获取当前窗口的高，两者比较，当窗口的高小于背景图片的高，把 ... 作者: 零五零八 2021-5-13 3501 1

[使用教程] 前端使用canvas生成盲水印的加密解密的实现为了保障信息安全，防止重大信息泄露，并且能够锁定泄露用户，需要对页面展示的图片加入当前用户信息的盲水印，即最终图片外观看起来和原图一样，但是经过解码以后可以识别出水印信息，并且在截 ... 作者: 零五零八 2021-4-17 2723 0
[使用教程] 纯CSS3实现圆圈动态发光特效动画的示例代码本文主要介绍了纯CSS3实现圆圈动态发光特效动画的示例代码，分享给大家，具体如下：效果图：代码：这个效果的具体实现主要是用到了CSS3 的animation 它共有8个属性： animation-n ... 作者: 零五零八 2021-4-7 1585 0
[使用教程] CSS实现图像映射的方法利用图像映射可以将图像的一些区域指定为热点。鼠标滑过该区域，可以展示一些内容信息。当然我们也可以单击该区域进行跳转，实现一个类似于图像导航的功能。我从网上找了上边这样一张图片， ... 作者: 零五零八 2021-3-22 2444 0
[使用教程] 纯CSS3实现圆圈动态发光特效动画的示例代码本文主要介绍了纯CSS3实现圆圈动态发光特效动画的示例代码，分享给大家，具体如下：效果图：代码：这个效果的具体实现主要是用到了CSS3 的animation 它共有8个属性： animat ... 作者: 零五零八 2021-3-22 1531 0
[使用教程] html5 拖拽及用 js 实现拖拽功能的示例代码拖拽元素：可以为元素添加 draggable="true"来让元素能够被拖拽。拖拽元素的事件监听：（应用于拖拽元素） []ondragstart当拖拽开始时调用 []ondragleave 当鼠标离开拖拽元素时调用 []ondr ... 作者: 零五零八 2021-3-5* 1599 0
[使用教程] 使用layui框架实现点击左侧导航切换右侧内容且右侧选项卡... 用了layui框架 1.home.html主界面 2.两个切换界面（jiaose.html,zhanghao.html）: jiaose.html 作者: 零五零八 2021-2-28 2071 0
[使用教程] css样式常见图形效果展示的实例代码简单写一下常见的基础图形，以及一些遇到的样式小图标下图是css效果⬇ . 各个图形的代码如下： Square(正方形) Circle(圆形) Triangle Up(正三角形) Triangle Down(倒三角形) ... 作者: 零五零八 2021-2-25 1549 0
[其它] CSS3 实现时间轴动画实现效果 html CSS 作者: 零五零八 2021-2-1 1827 0
[使用教程] HTML5实现移动端点击翻牌功能效果 []一个大小的两个面，在同一位置上 []正面的Y轴旋转为0度 []背面的Y轴旋转180度 []隐藏被旋转的 div 元素的背面（backfac ... 作者: 零五零八 2021-1-29 1522 0
[使用教程] 浅析HTML5 meta viewport参数随着移动端的流行，在移动端对网站进行重构和开发势在必行。但是你只有了解了移动设备的meta viewport参数之后，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 viewport是什么 ... 作者: 零五零八 2021-1-29 1895 0
[使用教程] overflow:auto的用法详解在开始正文前，我介绍一下overflow和flex布局的某些用法。 overflow：auto；如果内容被修剪，则浏览器会显示滚动条，以便查看其余内容。 flex中的属性 display: flex; flex-direction: col ... 作者: 零五零八 2021-1-28 1671 0
[使用教程] CSS3实现菜单悬停效果 html: css: 作者: 零五零八 2021-1-28 1427 0
[使用教程] FrontPage怎么自定义设置CSS外部样式表? 外部样式表将一些样式信息定义在一个单独的外部文件中，其扩展名为.css。整个网站的所有文件都可以链接些文件，并使用其中的定义的样式，想要在FrontPage中设置css外部样式表，该怎么实现呢？下 ... 作者: 零五零八 2021-1-27 1719 0
[自由交流] 关于HTML5+ API plusready的兼容问 Android平台提前注入5+ API，支持在plusready事件前调用在5+ Runtime环境中，通常情况下需要html页面解析完成后才会注入5+ API，执行的顺序为： 1. 加载html页面 2. 解析html页面（ ... 作者: 零五零八 2021-1-26 2314 0
[使用教程] 页面中有间隔的方格布局如何完美实现方法方格中间有一定的间隙，间隙是固定的。应该如何布局会更加完美呢，比如要保证在布局完成的情况下，可以快速的添加一个元素依然保持这样的布局。以及当出现第二行的时候，这样的布局依然能够不受 ... 作者: 零五零八 2020-12-24 1696 0
[使用教程] CSS3贝塞尔曲线示例：创建链接悬停动画效果我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是 CSS 过渡，为弹出框提供了更 ... 作者: 零五零八 2020-12-14 1469 0
[使用教程] CSS实现宽度自适应宽高16:9的矩形的示例现在我们来讲讲做自适应16:9的矩形要怎么做第一步先计算高度，假设宽100%，那么高为h=9/16=56.25% 第二步利用之前所说设置padding-bottom方法实现矩形类似不同的比例矩形，都可以用这种 ... 作者: 零五零八 2020-12-14 1690 0
[使用教程] HTML+CSS3+JS 实现的下拉菜单效果 HTML CSS3 js 作者: 零五零八 2020-12-3 1778 0
[使用教程] 纯CSS3实现的井字棋游戏效果： HTML CSS3 作者: 零五零八 2020-12-3 1833 0