HTML/CSS
html自学
「已注销」
这个作者很懒,什么都没留下…
展开
-
JS练习之发布留言(创建节点、追加和插入节点操作)
知识点:创建节点追加节点插入节点业务场景中,不会采取这种方式来发布留言,毕竟留言还是要写入数据库的,而且web框架貌似都封装了DOM操作,我猜的。根据B站分红老师的思路:1、获取元素2、绑定事件,处理事件代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>发布留言</title> </head> <body原创 2020-08-05 10:03:12 · 184 阅读 · 0 评论 -
JS练习之tab栏(选项卡)原生代码
今天来个tab栏的练习,从B站上看的视频,按照视频撸一遍代码。要点:排他思想,点击当前对象,追加样式及显示相关内容在js代码中做增加自定义属性的逻辑处理,使用自定义属性来关联点击和内容的呈现,进一步理解一下,假如被点击的对象是A,相关显示的内容是B,那么需要提前为所有的A设置自定义属性data-index,且值为数字(从0开始,刚好符合索引的规则),接着点击A时,获取A自定义属性值,当成B的索引,去调用B。示意图:处理逻辑:点击菜单,使用菜单的索引去设置内容区的display属性,因为菜单原创 2020-08-04 21:59:03 · 265 阅读 · 0 评论 -
JS练习之网站换肤,js原生代码
先看效果1、左侧是待选择的图片列表2、点击对应图片自动为当前网站换背景图片3、为当前选择的图片加个2px的border代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&原创 2020-08-02 00:42:43 · 135 阅读 · 0 评论 -
JS练习之导航菜单点击激活,js原生写法
点击菜单激活,为当前点击的目标追加样式,比如背景颜色或字体颜色,这种操作称之为“排他思想”,其实现的逻辑为:1、先把菜单的样式复原,使用for循环处理2、为当前的元素增加样式,使用for循环处理以下是实现代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width原创 2020-08-01 23:44:57 · 679 阅读 · 0 评论