![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS+JS
文章平均质量分 71
沐小侠
这个作者很懒,什么都没留下…
展开
-
使用Bootstarp技术实现响应式音乐网站
使用Bootstarp技术、网易云音乐API、Ajax技术实现响应式音乐网站,包括首页、歌单列表页等原创 2023-05-22 11:18:46 · 245 阅读 · 0 评论 -
使用jQuery实现折叠菜单效果
使用HTML+CSS+JS实现简单的折叠菜单效果原创 2023-03-28 14:14:30 · 1117 阅读 · 0 评论 -
实现密码框小眼睛效果
点击眼睛显示密码,再次点击图标隐藏密码,需要变化的图标样式和input的显示方式。原创 2023-01-16 15:42:09 · 5861 阅读 · 0 评论 -
原生js实现简单的省市区联动效果
省市区实现思路:① 一维数组 provinces 保存省、自治区和直辖市。② 二维数组 cities 保存对应省、自治区和直辖市下的所有城市,存储时要保证 cities[index]中 index 值与对应 provinces 中元素的下标索引相同。③ 同理,利用三维数组保存每个城市下的区域的所有区域。① 创建 HTML 表单,实现省份、城市、区域的下拉列表。② 创建数组保存省份城市区域的数据。③ 编写函数 createOption()用于创建指定下拉菜单的选项。原创 2022-11-03 17:15:16 · 3282 阅读 · 0 评论 -
HTML+CSS实现简单的二级菜单
【代码】HTML+CSS实现简单的二级菜单。原创 2022-10-20 16:07:26 · 3058 阅读 · 2 评论 -
利用CSS实现特殊图形
利用CSS3的border-radius属性实现特殊图形。原创 2022-09-26 16:16:52 · 1037 阅读 · 2 评论 -
HTML+CSS实现图文导航效果
实现百度百科的图文导航效果原创 2022-09-22 15:29:14 · 438 阅读 · 0 评论 -
HTML+CSS实现简单的登录页面
使用HTML+CSS实现简单的登录页面效果原创 2022-09-22 15:22:48 · 1370 阅读 · 0 评论 -
iconfont字体图标的使用方法
阿里巴巴矢量图标iconfont字体图标的使用方法原创 2022-01-05 17:51:46 · 1993 阅读 · 0 评论 -
深入理解CSS变形transform(3d)
详细介绍关于transform变形3D的内容,但需以了解transform变形2D为基础。3D变形涉及的属性主要是transform-origin、transform、transform-style、perspective、perspective-origin、backface-visibility。...原创 2021-08-15 16:28:19 · 213 阅读 · 0 评论 -
超详细的ES6学习笔记
ES6笔记1.let和const关键字2.解构赋值3.函数4.数组5.字符串6. 对象7. Promise 对象原创 2020-12-01 11:31:10 · 863 阅读 · 0 评论 -
关于JS中this指向解析
在全局环境下,this 始终指向全局对象(window), 无论是否严格模式;函数上下文;箭头函数。原创 2021-09-15 19:20:54 · 122 阅读 · 0 评论 -
原生JS实现简单的图片轮播效果
需求:图片会自动播放,即有一个图片轮播效果,当窗口获取焦点时,停止自动播放效果。在左右两侧各有一个箭头,分别指的是向左和向右切换,即点击相应的位置就会切换到该图片之前(或之后)的一张图片。在图片的下方有一排圆,点击圆时就切换到对应的图片。实现代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style>原创 2022-03-04 11:17:40 · 457 阅读 · 0 评论 -
使用Zepto.js实现移动端的轮播图效果
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。Zepto的设计目的是提供 jQuery 的类似的API,但并不是100%覆盖 jQuery 。Zepto设计的目的是有一个5-10k的通用库、下载并快速执行、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。API类似jQuery,熟悉jQuery可以无缝迁移到Zepto.js。Zepto仅针对高版本现代浏览器设计了最小核心的通用库,原创 2022-02-11 16:43:35 · 711 阅读 · 0 评论 -
调用百度地图显示当前位置
获取百度密钥注意:JavaScript API只支持浏览器类型的ak,请在申请ak时注意选择。申请百度密钥链接:http://lbsyun.baidu.com/apiconsole/key?application=key实现代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo..原创 2022-02-11 14:29:39 · 1618 阅读 · 0 评论 -
原生JS实现随机验证码效果
基本思路:1. 使用Math.random(),产生随机整数;2. 更具随机生成的整数作为下标,获取对应数组中的元素;原创 2022-01-26 15:41:04 · 963 阅读 · 0 评论 -
CSS3实现钟表特效
1. 时钟的动画效果其实就只有一种,就是指针旋转了。圆为360deg,秒针每秒旋转6deg,分针每60秒旋转6deg, 时针每3600秒旋转6deg。原创 2022-01-26 14:41:05 · 664 阅读 · 0 评论