// 在vue中使用 <div ref="tab" class="tab"> <ul ref="tabWrapper" class="tab_content"> <li v-for="(item, index) in posterList" ref="tabitem" :key="item.id" ...
分类：
其他好文 时间：
2020-05-31 11:31:00
阅读次数：
116
导航栏高亮： <div class="nav"> <ul> <li class="active" id="a1" onclick="setContentTabs('a',1,5)">东莞</li> <li id="a2" onclick="setContentTabs('a',2,5)">浙江</l ...
分类：
其他好文 时间：
2020-05-29 20:59:53
阅读次数：
76
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>创建节点及其属性</title></head><style> #listShow>li ul{ display: none; } #listShow>li>a{ b ...
分类：
其他好文 时间：
2020-05-29 12:05:53
阅读次数：
52
模板字符串 用反引号 `,变量用${} const oBox = document.querySelector('.box'); let id = 1, name = '小马哥'; let htmlStr = `<ul> <li> <p id=${id}>${name}</p> </li> </ul ...
分类：
其他好文 时间：
2020-05-28 22:01:40
阅读次数：
93
1、select select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: none; outline: none; background: none; /*很关键：将默认的select选择框样式清除*/ appearance: none; -moz ...
分类：
其他好文 时间：
2020-05-28 16:24:01
阅读次数：
249
HTML：TR TD TH OL UL LI 什么是HTML 超文本标记语言(HyperText Markup Language)，标准通用标记语言下的一个应用； 是网页制作必备的编程语 言 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 HTML 不是一种编程语言，而是一种 ...
分类：
Web程序 时间：
2020-05-27 18:46:21
阅读次数：
248
1. 列表 样式切换 <template> <div class="homeContainer"> <ul class="headList"> <li class="item" v-for="item in navList" :key="item.id" :class="{'active': cur ...
分类：
其他好文 时间：
2020-05-24 00:45:25
阅读次数：
49
列表分无序列表和有序列表分别用<ul>标签和<ol>标签表示 示例 1 : 无序列表 <ul> <li>DOTA</li> <li>LOL</li> </ul> 示例 2 : 有序列表 <ol> <li>地卜师</li> <li>卡尔</li> </ol> ...
分类：
Web程序 时间：
2020-05-22 09:21:47
阅读次数：
57
html 部分： 1 <div> <!-- 卡片按钮 --> 2 <div> 3 <ul> 4 <li 5 v-for="(item,index) in list" 6 :key="item.index" 7 :class="{active:num==index}" 8 @click="getNum ...
分类：
其他好文 时间：
2020-05-19 18:29:47
阅读次数：
61
实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>聊天气泡</title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css" /> <scri ...
分类：
其他好文 时间：
2020-05-19 00:33:21
阅读次数：
57
