前端教程共17篇
前端技术分享

一行css让页面平滑滚动

一行css让页面平滑滚动-智码星河
一行css让页面平滑滚动
青栀的头像-智码星河青栀7个月前
01026

js 实现歌词滚动

js 实现歌词滚动-智码星河
项目目录: html <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8' /> <meta http-equiv='X-UA-Compatible' content='IE=edge' /> <meta name='viewport' con...
青栀的头像-智码星河青栀6个月前
0779

web网页聊天室

web网页聊天室-智码星河
效果演示 Node+socket.io简单的网页聊天室 源码在安装好依赖后可以一键复制直接运行,因为涉及nodeJs,步骤比较多,代码里面我都写了注释并且标注了步骤序号,一共大概17步,帮助理解。 01. 创...
青栀的头像-智码星河青栀7个月前
010513

jQuery学习笔记——jQuery基础

jQuery学习笔记——jQuery基础-智码星河
一、jQuery基本概念 1、jQuery的特点 jQuery是一个轻量级的脚本,其代码非常小巧。 语法简洁易懂,学习速度快,文档丰富。 支持CSS1~CSS3定义的属性和选择器。 跨浏览器,支持的浏览器包括IE6~I...
青栀的头像-智码星河青栀6个月前
08714

如何在div标签中隐藏水平滚动条

如何在div标签中隐藏水平滚动条-智码星河
在div标签中隐藏水平滚动条,可以通过CSS样式来实现。以下是一种方法: 在CSS文件中,为div标签添加一个类名,例如.hide-scrollbar。 .hide-scrollbar::-webkit-scrollbar { display: none; } ....
青栀的头像-智码星河青栀7个月前
0685

【jQuery动画】停止动画、淡入淡出、自定义动画

【jQuery动画】停止动画、淡入淡出、自定义动画-智码星河
😄笔者还是前端的菜鸟,还请大家多多指教呀~ 👍欢迎大佬指正,一起学习,一起加油! 停止动画 使用动画的过程中,如果在同一个元素上调用一个以上的动画方法,那么对这个元素来说,除了当前正在...
青栀的头像-智码星河青栀6个月前
013516

如何使用 CSS 设置和自定义水平和垂直滚动条

如何使用 CSS 设置和自定义水平和垂直滚动条-智码星河
滚动条是图形用户界面(UI)中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下,浏览器会为body内容的溢出包含一...
青栀的头像-智码星河青栀7个月前
011313

【Jquery练习】tab栏切换

【Jquery练习】tab栏切换-智码星河
笔者还是前端的菜鸟,还请大家多多指教呀~ 欢迎大佬指正,一起学习,一起加油! 排他思想 在实现今天的练习之前,我们先来了解一下排他思想,排他思想也就是为当前元素设置一个特定的样式,并为...
青栀的头像-智码星河青栀6个月前
07710

15个前端小知识

15个前端小知识-智码星河
1. css 一行文本超出... overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 2.多行文本超出显示... display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: ...
青栀的头像-智码星河青栀7个月前
010013

js 鼠标事件总结

js 鼠标事件总结-智码星河
当监听鼠标事件时,会触发一些事件,我们可以与之交互: mousedown 按下鼠标按钮触发 mouseup 鼠标按钮被释放 click 点击事件 dblclick 双击事件 mousemove 当鼠标移动到元素上时,鼠标移动 mou...
青栀的头像-智码星河青栀5个月前
0727