HTML无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表使用 <ul> 标签 HTML 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。 列表项使用数字来标记。 HTML 自 ...
分类:
Web程序 时间:
2018-07-29 16:27:29
阅读次数:
195
<template> <div class="nav"> <div class="nav-a"> <ul class="nav-a-ul"> <li class="nav-a-li" :class="classA == index ? 'active' : '' " @click="selected ...
分类:
其他好文 时间:
2018-07-29 15:23:00
阅读次数:
3338
一些场合我们可能需要一些类似于如下下拉过渡的效果 实现方法这里总结两种 html结构 必须是这种结构,思路就是通过控制第二个盒子(在这儿是ul)的高度,实现上拉,下拉的效果,这儿只需要将 overflow: hidden;` 再结合css3过渡就可以实现 方法1:当ul有固定高度,这时可以为ul添加 ...
分类:
其他好文 时间:
2018-07-27 23:08:53
阅读次数:
226
<ul id="tabNav"> <li class="tab_current"></li> <li></li> <li></li> </ul> <ul id="tabList"> <li class="tab_curr"></li> <li></li> <li></li> </ul> <ul id ...
分类:
其他好文 时间:
2018-07-27 19:22:18
阅读次数:
118
<body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> </ul> <script src="jquery-3.3.1.min.js"></script> <script> $("li").filte ...
分类:
Web程序 时间:
2018-07-26 23:35:32
阅读次数:
345
块级元素(block element):div 段落标签h1-h6,水平分割线</hr> ,段落标签</p>换行标签</br> table表格 form表单 ol有序列表 ul无序列表 p段落 menu菜单列表 行内元素(inline element):<span> a链接 u下划线 br换行 i倾 ...
分类:
Web程序 时间:
2018-07-26 20:02:32
阅读次数:
185
let namess=['a','b','c'];let strss=`<ul> ${ namess.map(name=>`<li>Hi,${name}`).join() }</ul>`;document.querySelector('body').innerHTML=strss let names ...
分类:
其他好文 时间:
2018-07-25 16:15:28
阅读次数:
1972
事件处理(事件委托)$("").on(eve,[selector],[data],fn) // 在选择元素上绑定一个或多个事件的事件处理函数。 // .on的selector参数是筛选出调用.on方法的dom元素的指定子元素,如:// $('ul').on('click', 'li', functi ...
分类:
其他好文 时间:
2018-07-25 11:38:22
阅读次数:
161
1 1.先引入jquery的包 2 2.入口函数 3 $(document).ready() 4 5 $(function(){}) 6 3.jquery的选择器 7 8 $('ul li:eq(1)') 过滤 9 10 筛选选择器$('ul li').silbings() 11 12 属性操作: ...
分类:
Web程序 时间:
2018-07-23 22:41:17
阅读次数:
226
清单标记:<!--顺序清单--><ol></ol>例:<oltype=“1”start=“1”><li>php<li>是世界上<li>最好的语言</ol>结果为1.php2.是世界上3.最好的语言<!--符号清单--><ul></ul>例:<ultype=&qu
分类:
Web程序 时间:
2018-07-23 18:40:14
阅读次数:
230