×

html5教程

CSS实现图片悬停文字叠加效果(css实现图片悬停文字叠加效果怎么做)

枫叶?飘飘 枫叶?飘飘 发表于2024-04-27 浏览6553 评论0
引言 在这篇文章中,我们将看到如何轻松创建一个漂亮的图像悬停文本覆盖效果。对于本教程,你必须具备充分的 HTML 和 CSS 基本知识。 编写HTML 我们的 html 代码非常简单,只有几行: <div class="image"> <img class="image__img" src="https://cdn.pixabay.com/photo/2017/12/15/13/51/polynesia-3021072__340.jpg"

html5

从零开始学WEB前端——HTML5+CSS3

咿呀? 咿呀? 发表于2024-04-27 浏览5036 评论0
📓项目介绍 先做个自我介绍,本人是一个没人写前端所以就自学前端的后端程序员🙇。在此项目中我会和大家一起从零基础开始学习前端,从后端程序员的视角来看前端,受限于作者的水平本项目暂时只会更新到前端框架VUE,不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员😂。 该项目的学习顺序是按照我自己学习时总结出来的,其中的每个知识点都是我认真去理解的,同时也查了很多的资料,所有的参考资料我都放在了文章末尾。尊重开源,尊重知识产权。每一个案例我都亲手写过

html5教程

CSS中过渡效果(transition)

凡间教主 凡间教主 发表于2024-04-27 浏览8495 评论0
过渡(无继承性) CSS3提供了强大的过渡属性,它可以在不使用Flash动画或者JavaScript脚本的情况下,为元素从一种样式转变为另一种样式时添加效果,例如渐显、渐弱、动画快慢等。 1、transition-property属性 transition-property 属性用于指定应用过渡效果的CSS属性的名称。 基本语法格式: transition-property: none | all | property; 属性值 描述 none 没有属性获得过渡

html5

【HTML5期末大作业】制作一个简单HTML我的班级网页(HTML+CSS+JS)(html网页制作期末大作业成品)

qq_atveogbd qq_atveogbd 发表于2024-04-27 浏览5638 评论0
🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (1000套) 】 🧡 程序员有趣的告白方式:【💌HTML七夕情人节表白网页制作 (110套) 】 🌎超炫酷的Echarts大屏可视化源码:【🔰 Echarts大屏展示大数据平台可视化(150套) 】 🔖 HTML+CSS+JS实例代码: 【🗂️HTML+CSS+JS实例代码 (炫酷特效网页代码)

html5教程

防抖、节流的介绍(防抖和节流的)

网站开发 网站开发 发表于2024-04-27 浏览7548 评论0
目录 一、什么时候要用到防抖节流 输入框连续输入的案例 滚动条案例  二、什么是防抖、节流   使用防抖来解决输入框案例造成的浪费现象:  使用节流来解决滚动条案例造成的浪费现象:  三、总结 一、什么时候要用到防抖节流         针一类类快速连续触发和不可控的高频触发问题,可以用节流和防抖。如通过滚动条的滚动来发起请求、通过输入文字来发起请求这一类的行为,下面用两个例子具体的给大家展示。 输入框连续输入的案例 <!DOCTYPE html> &l

html5

常见的移动端兼容问题以及解决方案(常见的移动端兼容问题以及解决方案有哪些)

微信用户83175 微信用户83175 发表于2024-04-27 浏览5149 评论0
常见的移动端兼容问题以及解决方案 禁止ios识别长串数字为电话 解决方法:添加 meta 属性 <meta content="telephone=no" name="format-detection"> 禁止 ios 弹出各种窗口 解决方法:添加全局 CSS 样式 -webkit-touch-callout:none; 禁止 Android 手机识别邮箱 解决方法:添加 meta 属性 <meta content="email=no" name="format

JavaScript教程

js实现轮播图自动轮播 (js实现轮播图自动轮播图片)

dede58织梦模板 dede58织梦模板 发表于2024-04-27 浏览4816 评论0
咱们今天看下怎么实现轮播图的自动轮播,用原生js, 一、思路 首先,我们要对要实现的功能有一个明确的认知,知道了功能才能够实现相应的逻辑 完整的轮播图需要具备的功能有: 1、点击左右浮块实现单张图片切换 2、在图片切换的同时底部圆点同时更新 3、点击圆点切换到对应的图片 定义一个图片切换函数,通过判断形参的类型,实现不同的切换需求,如果形参是布尔值,则实现单张图片切换,如果形参是下标,则实现多张图片切换,在图片切换的尾部调用圆点更新函数 圆点更新函数:同样判断形参的类型,如果是布尔值,每次跳