自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 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 4

原创 js_自定义属性

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

2020-05-28 17:25:22 42

原创 js_模拟动态生成表格

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

2020-05-26 09:52:44 141

原创 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 129

原创 选项框_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 43

原创 表格隔行变色效果_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 58

原创 新浪导航条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 169

原创 首次博客-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 88

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除