首页 > TAG信息列表 > oul

JavaScript删除元素

在JavaScript中,我们可以通过removeChild()方法来删除父元素下的某个子元素。 删除最后一个子元素   代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>删除元素</title> <script> window.onload = functi

文字上下轮播效果

文字上下轮播效果   <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> * {

事件捕获、事件冒泡、事件委托

事件捕获、事件冒泡 addEventListener:向指定元素添加事件句柄。(第三个参数默认false冒泡阶段,true为捕获阶段) onclick:事件会在元素被点击时发生。(发生在冒泡阶段) 一次点击事件流程如下图 注意: 目标元素不区分捕获阶段和冒泡阶段,按注册顺序执行。 事件执行顺序 与视觉位置无关, 只

DOM基础

DOM基础 DOM基础 - 1 什么是DOM ​ DOM实际上就是document,对页面上所有元素的操作都是通过document操作的 浏览器支持 浏览器 支持程度 IE 10% Chrome 60% FF 99% DOM节点 childNode子节点 <html> <head> <meta charset="UTF-8"> <title></title> <script&

原生js焦点轮播图的实现

  继续学习打卡,武汉加油,逆战必胜!今日咱们主要探讨一下原生js写轮播图的问题,   简单解析一下思路:     1,首先写好css样式问题     2,考虑全局变量:自动播放的定时器,以及记录图片位置的角标Index     2,根据轮播图的张数,动态设置焦点小圆点的个数,并设置好相应的自定义

JS无缝滚动

代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 *{ 8 margin: 0; 9

练习demo

轮播图demo 编辑器制作效果展示: 代码展示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * {margin: 0;padding: 0;list-style: none;overflow: hidd

单一按钮显示/隐藏

以上是运行的效果,可以实现列表的收放。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-eq

Day_10

无缝滚动控制   <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * {margin: 0; padding: 0;} .div1 {width: 1000px; height: 313px; margin

1day 入学测试总结

一、发光二极管高低电平问题,只希望D1,D2,D5,D7亮,P2=?   发光二极管低电平有效,LED亮表示为0,LED灭表示为1。所以P2=10011010(2)=0x9A(16) 二、三极管 截止状态 当加在三极管发射结的电压小于PN结的导通电压,基极电流为零,集电极电流和发射极电流都为零,三极管这时失去了电流放大作

JS的事件委托

什么是js事件委托,首先从词语上理解。事件:js的事件 有一大堆,比如mouseup、mouseenter和click等等事件 。 委托:把事情托付给别人或别的机构办理。 所以JS事件委托算是以冒泡的原理来做的。 事件委托的好处: 事件委托技术可以避免对每个字元素添加事件监听器,减少操作DOM节点的次数,从而

百度联想

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatib

js实现横向跑马灯效果

首先我们需要一个html代码的框架如下: <div style="position: absolute; top: 0px; left: 168px; width: 100%; margin-left: auto; margin-right: auto; height: 47px; border: 0px solid red; overflow: hidden;"> <ul id="syNoticeUlNew" style=&quo