HTML5
山海hc
程序员拒绝脱发
展开
-
利用JavaScript的offset属性做一个简单的无缝滚动
利用JavaScript的offset属性做一个简单的无缝滚动实现思路通过无序列表ul li 储存图片,外层加个div给予div,ul,li相对的样式:width、height、 list-style-type等利用JavaSceipt的offset属性让其向左或向右滚动即可判断你素材图片的宽高,使其等于最外层的div的宽度CSS3部分 #div1{ width:72...原创 2019-07-29 09:18:58 · 199 阅读 · 0 评论 -
关于DOM基础:DOM子节点:childNodes、父节点:parentNode以及相对父级元素进行定位的offsetParent
DOM基础:子节点:chrldNodes父节点:parentNode节点类型:nodetypeoffsetParent基本概念子节点:通俗的说就算一个父元素下面包着一个子元素。相当于一种“家族的学院关系图”。。例如:无序列表:ul下面的li 其中li相对于ul来说就是它的子节点<script type="text/javascript"> window.onl...原创 2019-07-29 15:36:59 · 979 阅读 · 0 评论 -
如何通过封装函数,然后利用className获取元素
利用className获取元素通过className改变子元素的样式,老规矩,这里通过ul li 给大家举例JavaScript部分<script type="javascript"> window,onload=function(){ var oUl=document.getElementById('ul1'); //获取ul的元素 var oLi=oUl....原创 2019-07-29 16:58:17 · 375 阅读 · 0 评论 -
JavaScript 中DOM动态添加,删除表格元素
实现思路1.创建一个table,thead,tbody,tr,td表格,这里thead,tbody能够更好的区分表头与表格中元素的关系。、2.分别给定id获取3.通过creatElement(),以及appenChild()添加4.通过removeChild()方式删除,关键是要找到相对应的父节点和子节点<script type="text/javascript"> win...原创 2019-07-30 17:43:04 · 904 阅读 · 0 评论 -
定时器setInterval()和setTimeout()在做延时提示框中的作用
JavaScript中定时器setInterval()和setTimeout()在做延时提示框中的作用setInterval() 间隔型,需要手动关闭计时器setTimeot() 延时型,到时间点自动停止关闭: clearInterval()关闭: calerTimeout()例子:第一栏编写简单的CSS3样式便于举例说明<style> div{ f...原创 2019-07-27 08:55:03 · 223 阅读 · 0 评论 -
利用JavaScript实现全选,不选以及不全选
利用JavaScript实现全选,不选以及不全选实现思路首先我们可以通过编写三个input里面的属性编辑三个 button,分别为 全选,不选和不全选。当我们点击三个不同的按钮完成不同的效果。在这里我们需要了解关于Iinput表单元素的checked属性,只要将checked属性等于true或者false即可,即true全选,false不选,而后通过数组遍历input即可再用if语句实...原创 2019-07-27 09:39:23 · 598 阅读 · 1 评论