首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript事件与例子(三)

两个例子,好友选中效果左侧右侧子菜单 一、好友选中效果 可以通过设置属性方式判断当前是否被选中,也可以通过获取当前元素颜色从而得知当前元素状态是否被选中,从而进行操作 1.通过设置属性方式判断选中元素...">今月曾经照古人 35 36 37 38 39 //之前曾经给每个div加id,然后函数传回id方式,错误...,因为这样函数写在div传回自己this,如果函数传回是下面的div改变,可以尝试用加div 40 41 //获取所有列表好友到数组 42 var z=document.getElementsByClassName...首先鼠标移上,执行函数 yishang(),然后进for循环遍历进行判断,不符合判断任何一种情况,则无操作,进行下一个判断,如果当前元素颜色是被选中状态则跳出,如果不是则设为绿色,第一个颜色就这样赋值上了...这个问题我出错几点需要注意: 1.在函数,什么时候数组元素样式,什么时候当前元素样式多次搞错 2.判断判断样式是否是该颜色,一定要用== 二、左侧右侧子菜单 1 <!

65160
您找到你想要的搜索结果了吗?
是的
没有找到

杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播

思路:     1.先做界面         1.1 制作一个大盒子,进行存放整个图片及按钮区域         1.2 制作两个按钮中间区域盒子         1.3 中间区域盒子中使用无序列表进行排放图片...,并且每个图片可以作为一个链接进行点击     2..CSS         2.1 清除全局外边距内边距         2.2 去除无序列表黑点         2.3 去除存放图片区域边界线...        2.4 确定大盒子宽高位置【宽、高、上下空出50像素,水平居中、绝对定位】         2.5 左、按钮样式【块级显示、宽、高、背景图片及平铺位置、绝对定位、上、左】        ...= function() { speed = -5; }; oBtn[1].onmouseover = function() { speed = 5; }; oUl.onmouseover...= function() { clearInterval(time); } oUl.onmouseout = function() { time = setInterval(function

1.1K20

关于javascriptthis 一段小实例深有体会啊

先声明鄙人正在努力把脚抬进门来,说都是比较粗浅知识,但都是我实践得出体会,很深刻。  正在自学挣扎DOG。    ...说说我最开始思维是怎么样:就下面这段代码而言我以为上面的rows[j]下面的row[j]  完全一样   j=0时候就是指第一个tr  那么下面就是第一个tr实现 font-weight:bold...与此同时我们并没有去触发onmouseover事件,那么后面的rows[j]并没有变,j还是一个变量,相应后面的rows[j] 并没有像我们所想那么与前面相同。...只有等我们触发onmouseover时候这个函数才会触发,这个变量j才会去找他值是多少。...//依次下去 假设tr有9个 那么执行到j=9时候就不会执行了 此时在函数 j=9!    看到现在应该知道j值是9,由此可见不是与前面的rows[j]想对应。

38040

三峡大学复杂数据预处理day01-day03

《二》列表: HTML 支持有序、无序自定义列表: 无序列表一个项目的列表列表项目使用粗体圆点(典型小黑圆圈)进行标记,无序列表使用 标签,列表内容由标签进行标记...有序列表也是一项目,列表项目使用数字进行标记,有序列表始于 标签,每个列表项始于 标签。 自定义列表不仅仅是一项目,而是项目及其注释组合。...选择器通常是您需要改变样式 HTML 元素, 每条声明由一个属性一个值组成, 属性是希望设置样式,每个属性有一个值,属性冒号分开。...用于把所有用于列表属性设置于一个声明 list-style-image 将图象设置为列表项标志。 list-style-position 设置列表列表项标志位置。...list-style-type 设置列表项标志类型。 5.背景属性: background 简写属性,作用是将背景属性设置在一个声明

19340

从零开始学 Web 之 DOM(七)事件冒泡

body> 2、阻止事件冒泡 2.1、方式一 window.event.cancelBubble = true; 注意: Chrome,IE8 支持,firefox 不支持 2.2、方式二 在事件处理函数一个参数...window.event e 都是事件处理参数对象,一个是 IE 标准,一个是 firefox 标准。... 二、小案例 目的:为同一个元素绑定多个不同事件指向相同事件处理函数。...5、之所以输入多个文字,但是只创建了一个下拉列表原因是因为在输入第二个文字时候,先输入其实是字母,这个时候不匹配,而我们在每次鼠标抬起时候会清空临时数组,所以这个时候会先删除下拉列表,当我们输入第二个文字时候...6、每次进入鼠标抬起按键时,如果有下拉列表就循环删除。 7、注意在循环里面不要使用匿名函数

63630

JavaScript学习(二)

function 函数名(参数) { 函数代码 } 参数可以设置多个,根据需要增减参数个数,参数之间逗号隔开。...事件是可以被JavaScript侦测到行为,网页每个元素都可以产生某些触发JavaScript函数或程序事件。...主要事件表: 事件 说明 onclick 鼠标单击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移开事件 onchange 文本框内容改变事件 onselect 文本框内容被选中事件...鼠标经过事件(onmouseover) 鼠标经过事件:当鼠标移动到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用程序。...鼠标移开事件(onmouseout) 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用程序。

1.5K10

JS-DOM 综合练习-动态添加删除班级成绩表

很明显,不行,即使放到下面,也是只有加载进来这两行html已经写好tr会执行变色函数,你利用添加button后添加还是不能调用。...,那么就把变色函数封装到一个函数,放到最下面,然后window.onload还是在最上面,以保证页面加载完成后首先调用函数让已经存在两行能够执行变色命令,但是封装变色函数除了在window.onload...测试后,不加引号none是undefined,算了,直接white把、正常背景色。 } } // alert(tr);tagname得到一个集合!!!...style='border: none;width: 100%;height: 100%;'/>";//2-3解决:给里面插入一个单元格,,把撑起来、然后借鉴第一个单元格样式,这里改进为把border...那就去添加函数找吧。

3.7K80

js事件委托理解 转

今日看下拉列表时用到事件委托,特意在网上搜查了一些资料, http://www.cnblogs.com/liugang-vip/p/5616484.html  这篇文章写很详细,非常感谢作者。...事件委托也叫事件代理,事件委托就是利用事件冒泡,指定一个事件处理程序,就可以管理某一类型所有事件,何为事件冒泡呢,就是从事件最深节点开始,然后逐步向上传播事件,最大优点是提高性能 一般做法 <ul...,用事件委托则可以 如下:一般写法需要额外调用一次函数,否则onmouseover  onmouseout 对于新增加第5行不起作用 window.onload = function(){...值得注意是,mouseovermouseout虽然也有事件冒泡,但是处理它们时候需要特别的注意,因为需要经常计算它们位置,处理起来不太容易。...我理解是:事件委托都是在外围div添加事件,当点击内部一个元素时,即使这个元素没有onclick事件,依然会从内到外执行onclick事件,js中外部div 添加事件函数内 var ev = ev

99820

EasyNVR H5无插件直播方案前端构建之:播放界面添加实时云台控制界面

如何在播放器上加一个云台控制界面 ---- 问题: 对于实时直播视频播放, 由于播放页面客观样式要求(一个播放器占据了整个页面),因此很难找出很合理空间来放置其他功能按钮位置(比如配合实时云平台控制界面...为了保持一个良好用户体验,在保证不影响播放效果播放界面的前提下,如何合理添加云台控制界面成为一个问题。...解决: 由于页面整体样式,在页面其他位置添加云台控制界面势必会影响整体样式美观; 向下启用空间添加云台控制界面,会影响用户实时体验; 在播放播放器页面上添加一个可以手动触发展示云台控制界面的按钮...通过定位确定好云台控制界面展示位置,并且将云平台控制界面默认隐藏起来;再设置一个可以点击触发按钮,通过触发按钮对云台控制界面进行展示隐藏处理; 完成效果: ? ?...,可以通过触发云台控制界面对应功能按钮,调用对应接口来实现功能; EasyNVR云台控制包含了控制摄像头上、下、左、右转动,停止功能焦距调节等功能。

96411
领券