摘要: 初始状态 鼠标放在tab4上 实现的代码如下 阅读全文
posted @ 2018-10-23 22:29 大C文 阅读(761) 评论(0) 推荐(0) 编辑
摘要: 实现原理:通过js获取到系统时间,然后分别算出年,月,日,时,分,秒,然后拼接年月日,时分秒,然后通过定时器setInterval每过一秒去获取这些数据,这样就可以实现时钟的效果 效果图 阅读全文
posted @ 2018-10-21 21:34 大C文 阅读(1572) 评论(0) 推荐(0) 编辑
摘要: 初始状态 点击左滚动出现的效果 滚动效果通过setInterval定时函数去实现的,setInterval定时让ul每过一段时间就移动,移动其实是left的值在变大,让ul移动的必须让这个div是绝对定位的,这样left属性就会起效果,然后让div的left值越来越大,这样ul就在移动。实现移动后复 阅读全文
posted @ 2018-10-18 21:23 大C文 阅读(985) 评论(2) 推荐(0) 编辑
摘要: setTimeout是指过多久执行,只执行一次 setInterval是指每过多久执行一次 clearTimeout是关闭setTimeout定时器 clearInterval是关闭setInterval定时器,不让它一直执行 阅读全文
posted @ 2018-10-17 22:20 大C文 阅读(618) 评论(0) 推荐(0) 编辑
摘要: 初始状态,只展示tab1的内容 点击tab2,只展示tab2的内容 通过原生js实现tab切换,首先讲解一下实现的原理。 1.点击按钮首先给这个被点击的按钮添加一个active类,给点击的改变背景色 2.点击按钮其实就是把相应的div给显示出来。 需要注意的是,点击按钮,给按钮添加了一个类和把对应的 阅读全文
posted @ 2018-10-17 20:01 大C文 阅读(12482) 评论(0) 推荐(0) 编辑
摘要: break:退出当前循环 continue:终止本次循环,执行下次循环 1 <html> 2 3 <head> 4 <title></title> 5 </head> 6 <script> 7 for(var i=0;i<10;i++){ 8 if(i==4){ 9 break; 10 } 11 a 阅读全文
posted @ 2018-10-11 23:04 大C文 阅读(387) 评论(0) 推荐(0) 编辑
摘要: parseInt是把小数转化成整数。它取整的机制是从要取整数据的左边读取,当碰到非数字则自动结束,相当于截取到前面已读到的数字。代码如下 阅读全文
posted @ 2018-10-11 22:47 大C文 阅读(1564) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-10-10 21:50 大C文 阅读(187) 评论(0) 推荐(0) 编辑
摘要: <html> <head><title></title></head> <style> #div1{ width:100px; height:200px; background:red; } </style> <script> function setAttr(name,value){ docume 阅读全文
posted @ 2018-10-10 21:18 大C文 阅读(473) 评论(0) 推荐(0) 编辑
摘要: 下面以控制css属性为例,html属性也是一样 第一种 document.getElementById('div1').style.display='block' 第二种 document.getElementById('div1').style['display']='block' 两种的区别:第 阅读全文
posted @ 2018-10-09 21:32 大C文 阅读(1153) 评论(0) 推荐(0) 编辑