摘要: 1.注意: oTxt.innerHTML='<h2>那年印象</h2><p>'+this.index+'月'+aInnerText[this.index]+'<p>' ;如果想让this.index+1则写成oTxt.innerHTML='<h2>那年印象</h2><p>'+(this.index+ 阅读全文
posted @ 2019-08-13 10:13 半夏琉璃空人心 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 用的技术主要是offsetLeft(用来改变位置的,本身来说就是一个数字)和setInterval(用来重复执行的) 效果图: 1.无缝滚动原理让ul运动overflow:hidden;超过了就隐藏position: absolute;运动的物体就要绝对定位ul多宽:所有宽度的总和oul.style 阅读全文
posted @ 2019-08-09 09:31 半夏琉璃空人心 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 在鼠标移入和移出的时候,不至于变得那么快,你可以在提示框上做操作。 阅读全文
posted @ 2019-08-06 10:56 半夏琉璃空人心 阅读(191) 评论(0) 推荐(0) 编辑
摘要: 效果图: 程序代码: 阅读全文
posted @ 2019-08-04 12:08 半夏琉璃空人心 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 运行效果: 阅读全文
posted @ 2019-08-02 11:24 半夏琉璃空人心 阅读(88) 评论(0) 推荐(0) 编辑
摘要: 运行代码: 代码解释: var Input=document.getElementsByTagName('input');获得整组的 input 运行效果: 阅读全文
posted @ 2019-07-31 10:35 半夏琉璃空人心 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 以上是运行的效果,可以实现列表的收放。 阅读全文
posted @ 2019-07-30 10:49 半夏琉璃空人心 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 实现效果:当点击皮肤1的时候 当点击皮肤2的时候 代码如下: 阅读全文
posted @ 2019-07-29 18:25 半夏琉璃空人心 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 鼠标移入和鼠标移出的提示: 注:lable标签的主要作用就是用来做一个框,鼠标进入这个框,就会显示提示内容,如果没有lable标签,只有当鼠标在按钮上时才显示提示内容。 鼠标移入和鼠标移出的样式的转换: 阅读全文
posted @ 2019-07-29 11:02 半夏琉璃空人心 阅读(599) 评论(0) 推荐(0) 编辑
摘要: HTML5 拖放(Drag 和 Drop) 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放1.设置元素为可拖放首先,为了使元素可拖动,把 draggable 属性设置为 true :<img draggable="true">2.拖动什 阅读全文
posted @ 2019-07-25 16:05 半夏琉璃空人心 阅读(170) 评论(0) 推荐(0) 编辑