网页技术交流
发帖
 

55

话题

14

成员

38

积分

8

排名

帖子

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