尹太初-CSDN博客

原创 JavaScript面向对象简单Tab切换-

**废话不说，看代码**html代码：<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>Tab栏特效</title><style>* { margin: 0; padding: 0}li { list-style: none}a { text-decoration: none}

2021-01-09 20:09:58 196

二. 自定义属性自定义属性操作1.获取属性值element.属性获取属性值element.getAttribute(‘属性’); var d = document.querySelector('div'); console.log(d.getAttribute('index'));区别element.属性获取内置属性值（元素本身自带的属性）element.getAttribute(‘属性’); 主要获得自定义的属性（标椎）我们程序员自定义的属性2.设置属

2020-05-28 17:25:22 2183

原创 js_模拟动态生成表格

1.首先表格内容是不确定的，标题th不变, 所以我们给个宽度就行，2.标题th不变，所以只管td,第一步：既然内容不确定，所以我们不在在HTML结构上写td，只写一个tbody，为什么？我们可以往里面创建添加 tr、td 元素节点，第二步: 我们首先要确定行数，怎么实现？我们可以这样，把内容以对象的形式存放到数组里，而数组的"长度"就是我们的所求表格的“行数”，跟数组一样，每个对象之间用逗号隔开第三步：就是往里面添加元素节点，往谁添加？当然是往tbody添加，所以要把tbody获取过来

2020-05-26 09:52:44 891

原创 tab栏切换

1.首先事件源是 li 是必须要点击 li 的2. 第二点击当前的那个 li 要变色，所以需先把所有的 li 的背景色都设为空值3. 呈现的内容（也就是五个div）是在点击 li 之后出现的，所以要在 li 里面的写4. 既然五个div出现的导火索是 li ，所以他们肯定是要有联系的，所以在最开始的 for 循环里面给每个 li 一个自定义属性值，而值刚好是索引号，利用 i 的每次循环5. 把当前 li 的自定义属性值提取存放到一个变量, 好给呈现的内容6. 先把所有的div都

2020-05-21 10:46:55 1176

原创选项框_js全选反选

选项框_js全选反选效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { wid

2020-05-20 11:16:53 161

原创表格隔行变色效果_js鼠标移入移出

表格隔行变色效果_js鼠标移入移出效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table {

2020-05-20 11:04:40 284

原创新浪导航条js下拉菜单_鼠标移入移出

新浪导航条js下拉菜单_鼠标移入移出效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * {

2020-05-19 20:32:21 870

原创首次博客-css仿微信官网

呃…我的第一个仿网页，微信，html:<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...

2020-05-03 23:03:07 336

weixin_46323591的博客