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

js 鼠标事件总结

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

js简单开发的音乐播放器

js简单开发的音乐播放器-智码星河
1.此项以js为基础,开发的一个简单的音乐播放器 (1)首先根据下面的文件创建一个文件夹 font_n0uns1dsb2里面是iconfont.css @font-face { font-family: 'iconfont'; /* Project id */ src: url...
青栀的头像-智码星河钻石会员青栀1个月前
08813

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...
青栀的头像-智码星河钻石会员青栀1个月前
0439

jQuery学习笔记——jQuery基础

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

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

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

【Jquery练习】tab栏切换

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

丰富好用的Hover.css效果库

丰富好用的Hover.css效果库-智码星河
使用方法: 1. 下载Hover.css https://ianlunn.github.io/Hover/ 夸克网盘下载 下载的文件 2. 将hover-min.css拷贝到项目中 3. 打开官网的效果案例,右键打开源代码,拷贝需要效果的类名 4. 在...
青栀的头像-智码星河钻石会员青栀2个月前
0578

CSS进阶-CSS变量

CSS进阶-CSS变量-智码星河
随着前端技术的不断演进,CSS也迎来了许多新特性,其中CSS变量(Custom Properties)无疑是增强样式灵活性和维护性的一大利器。本文将深入浅出地解析CSS变量的核心概念、常见应用场景、易错点及...
青栀的头像-智码星河钻石会员青栀2个月前
0438

写网页及响应式

写网页及响应式-智码星河
设计图分为版心一般为: 1600/1520/1440/1400/1200px pc正常写(一般是在1920px的屏幕),版心w写最大宽度为当前设计图版心的宽度,注意不是宽度,而是最大宽度。最大宽度的意思是,当屏幕大于...
青栀的头像-智码星河钻石会员青栀2个月前
0556

前端知识点总结js篇

前端知识点总结js篇-智码星河
水平有限,如有错误,敬请指正。 Javascript篇 1. 数据类型 * 基本数据类型(Number,Boolean,String,null,undefined,symbol(ES6新增),BigInt) * 引用类型 (Object,Array,Function) 2. 基本数...
青栀的头像-智码星河钻石会员青栀2个月前
0588