2020年4月19日
JS 实现轮播图
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript"> window.onload=function(){ //获取ul标签 var imgList = 阅读全文
posted @ 2020-04-19 15:11 Smile*^ 阅读(320) 评论(0) 推荐(0)
2020年4月18日
JS晃动的花朵
摘要： <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="css/index.css"/> <link rel="stylesh 阅读全文
posted @ 2020-04-18 20:59 Smile*^ 阅读(171) 评论(0) 推荐(0)
2020年4月17日
定时器的应用 盒子的移动
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> #box1{ width: 100px; height: 100px; background-col 阅读全文
posted @ 2020-04-17 22:43 Smile*^ 阅读(228) 评论(0) 推荐(0)
2020年4月16日
JavaScript 经典实例
摘要： 跨浏览器事件 跨浏览器添加事件 //跨浏览器添加事件 function addEvent(obj,type,fn){ if(obj.addEventListener){ obj.addEventListener(type,fn,false); }else if(obj.attachEvent){// 阅读全文
posted @ 2020-04-16 21:20 Smile*^ 阅读(640) 评论(0) 推荐(0)
2020年4月15日
累加 9*9乘法表 阶乘
摘要： <script type="text/javascript"> //从1加到100 function plus(start,end){ //括号里的表示形参 var a=0; for (var i=start;i<=end;i++) { a=a+i; //若i=3,则表示：1+2+3，a的值是随fo 阅读全文
posted @ 2020-04-15 21:45 Smile*^ 阅读(214) 评论(0) 推荐(0)
2020年4月14日
函数方法
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * 定义一个函数，专门为指定元素绑定单击响应的函数 * 参数： * idstr 要绑定单击响应 阅读全文
posted @ 2020-04-14 22:01 Smile*^ 阅读(141) 评论(0) 推荐(0)
获取元素的子节点
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){// 为id为btn04的按钮绑定一个单击响应函数 阅读全文
posted @ 2020-04-14 21:58 Smile*^ 阅读(341) 评论(0) 推荐(0)
2020年4月13日
DOM 获取元素
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){// 为id为btn01的按钮绑定一个单击响应函数 阅读全文
posted @ 2020-04-13 17:20 Smile*^ 阅读(148) 评论(0) 推荐(0)
2020年4月12日
BOM location
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * location * -该对象封装了浏览器地址栏的信息 */ window.onload= 阅读全文
posted @ 2020-04-12 15:54 Smile*^ 阅读(117) 评论(0) 推荐(0)
BOM history
摘要： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * history * -对象可以用来操作浏览器向前或向后翻页 */ window.onloa 阅读全文
posted @ 2020-04-12 15:52 Smile*^ 阅读(83) 评论(0) 推荐(0)