【JavaScript编程艺术-第6章（JavaScript美术馆改进版）代码】的更多相关文章

JavaScript编程艺术-第6章（JavaScript美术馆改进版）代码

基于[第4章(JavaScript美术馆)代码]进行改进(***HTML与JS分离***) (*亲测可用) HTML: JS: CSS:…

JavaScript 编程艺术-第4章（JavaScript美术馆）代码

功      能:在同一个网页上切换显示不同的图片与文本(*亲测可用) 使用属性: a) document.getElementById(" ") ——返回一个与给定的id属性值的元素节点对应的元素——[(" ")内元素为指定的id名] b) document.getElementByTagName(" ") ——返回一个数组——[(" ")为元素名,例如:a;p;li等] c).getAttribute(" &qu…

JavaScript编程艺术-第7章代码汇总（2）

[7.4节] 重回“JavaScript美术馆”代码 ***亲测可用*** HTML: JS:…

JavaScript DOM编程艺术第四章 — JavaScript图片库案例研究

这一章通过JavaScript图片库案例,学习了一些DOM属性. HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片库</title> <link rel="stylesheet" href="styles/layout.css" media="screen"…

JavaScript编程艺术-第10章-10.2-实用的动画

10.2-实用的动画 ***代码亲测可用*** HTML: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title>LIST</title> <script type="text/javascript" src="script/01.js"></script> <style typ…

JavaScript编程艺术-第7章代码汇总（1）

1.document.write()(HTML与JS未分离) HTML: JS: 2..innerHTML(直接覆盖) HTML: JS: 3.getAttribute.setAttribute.getElementById(替换) HTML: JS: 4.createElement("").createTextNode("").appendChild()(创建并添加新的p元素节点与文本,不会覆盖) HTML: JS: ***上述代码均亲测可用***…

JavaScript编程艺术-第10章-10.1-动画

10.1—最简单的动画 ***代码亲测可用*** 动画:让元素位置随着时间而不断地发生变化 HTML: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title>jiaxinjia</title> <script src="script/01.js"></script> </head> <b…

JavaScript编程艺术-第8章-8.6.1-显示“缩略词语表”

8.6.1-显示“缩略词语表” ***代码亲测可用*** HTML: JS: ***end***…

JavaScript取消默认控件并添加新控件（DOM编程艺术第11章）

这一章实现的这个功能我研究了好久,这个思路我感觉已经是现在的我要膜拜的了,我感觉我的逻辑还是有些问题. 第一个问题:vid.height与vid.videoHeight vid.height = vid.videoHeight; vid.weight = vid.videoWidth;//移除边框-配合实现无边框效果 vid.parentNode.style.height = vid.videoHeight + "px"; //将vid的父元素(那个div)也贴合vid // vide…

javascript DOM编程艺术 第10章问题记录

为什么moveElement函数调用时,必须加字符串的拼接符 var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; // var repeat = "moveElement('"elementID"',"final_x","final_y&…