虚心求学_一点一滴

基本思路：使用样式filter，但是要区分IE浏览器和

基本思想：采用表格中某一行的

如果只为div添加一个定时器的话，在多个div变宽的时候会发生问题，但是如果为每个div添加一个定时器，那么就可以实现多个物体变宽，具体代码如下：div{ width:100px; height:50px; background:red; margin:10px;} window.onload=function (){ var aDiv=docume

<!-- 当你需要在页面中插入很多元素的时候，可能会每次创建一个li元素，然后每次插入，而文档碎片则是每次创建的li元素先添加到文档碎片中，然后将文档碎片一次性添加到页面中 在IE6一下可能会提高性能，但是在其他高级浏览器中可能降低性能，现实开发中知道有这个文档碎片，不要感到陌生--> window.onload=function () { var oUl=documen

<!-- -->#div1{ width:100px; height:150px; background:red; position:absolute; right:0; bottom:0;} window.onscroll=function (){ var oDiv=document.getElementById('div1'); var s

基本思路：采用定时器，<!-- -->#div1{ width:150px; height:200px; background:green; position:absolute; top:50px; left:-150px;}#div1 span{ position:absolute; width:20px; height:60px; line-he

定时器中可以使用

<!-- -->#div1{ width:100px; height:150px; background:red; position:absolute; right:0; bottom:0;} window.onscroll=function (){ var oDiv=document.getElementById('div1'); var s

思路：

基本思路：使用定时器让物体向右运动，在运动的过程中再不是匀速运动，而是先快后慢，但是到达终点的时候，必须注意要使用向上取整函数Math.ceil()和向下取整函数Math.floor();这样才能够正确无误地到达终点，而不是有出入。<!-- -->#div1{ width:100px; height:100px; background:red; position:ab

基本思路： window.onload=function () { var oTab=document.getElementById('tab1'); var oBtn=document.getElementById('btn1'); var oTxt=document.getElementById('name'); oBtn.onc

基本思路：样式<!-- -->#div1{ width:200px; height:200px; background:red; position:absolute;//不加绝对定位，就跑不起来 top:50px; left:0px;} var timer=null;function startMov

#div1 {width:100px;height:100px;background:red;filter:alpha(opacity:30);opacity:0.3} window.onload=function (){ var oDiv=document.getElementById('div1');//先获取div元素 oDiv.onmouseover=function (

思路：*{margin:0;padding:0;}#div1{width: 712px;height: 108px;margin:100px auto;position: relative;background: red;overflow: hidden;}#div1 ul{position: absolute;left: 0;top: 0;}#div1 ul li{floa

基本思路：获取相应控件的 window.onload=function () { var oTab=document.getElementById('tab1'); var oBtn=document.getElementById('btn1'); var oTxt=document.getElementById('name'); oBtn.onclick=

 window.onload=function () { var oTab=document.getElementById('tab1'); var oBtn=document.getElementById('btn1'); var oTxt=document.getElementById('name'); oBtn.onclick=function () {

基本思路：appendChild方法实质上是将原来存在的元素remove掉，然后在添加

基本思路：使用search()函数，只需要输入要搜索的内容的一部分就可以搜索出相应的记录，从而

当鼠标移动

对于JS的数组<!---->var arr=[1,2,3];//var a=new Array(1,2,3);//也可以这样声明定义数组alert(arr);//弹出1,2,3arr.push(4);//从尾部添加元素alert(arr);//弹出1,2,3,4arr.pop();//从尾部删除一个元素alert(arr);//弹出1,2,3

当执行以下

一般我们写事件的时候都是在某个按钮或者

思路：在实现全选功能的时候，

<!-- 使用DOM删除元素：当你添加元素的时候，将删除的链接添加进去，然后为这个链接添加点击事件，每次点击这个链接的时候就会从表格中的tBoides中removeChild掉tr一行即可--> window.onload=function () { var oTab=document.getElementById('tab1'); var oBtn=document

<!-- -->#div1{ width:200px; height:200px; background:red;} function setColor(color){ var oDiv=document.getElementById('div1'); oDiv.style.background=color; }/* function to

"> 不同浏览器的document属性 document 对象属性列表 var attrs=new Array();//创建数组 for(var property in document){ attrs.push(property); } attrs.sort(); document.write(""); f

表格隔行变色的基本思想是：遍历每一行，讲

除了使用"."和“[]”访问元素之外，还能用DOM来操作元素，例如有

<!-- 说明：有时候单单用title属性来显示文本提示语言远远不够，我们想用粗体或者斜体电费鼠标提示，或者包含图片的鼠标提示，则可以通过创建隐藏的div标签来实现，当鼠标移动到指定目标上的时候就显示这个隐藏的div块 。此代码可灵活修改，如添加图片显示则可以在div1中加上标签等等--> 自定义鼠标提示，可以提示文字之外，还能提示图片等等

创建节点 function createM(){ var op=document.createElement("p"); var otext=document.createTextNode("您好！"); op.appendChild(otext);

全选上一节已经讲过，就是将所有的checkbox中的checked属性设置为true，

<!-- 函数function的使用，function 函数名（）{ 代码 }--> #div1{ width:200px; height:200px; background:red; } function toGreen(){ var oDiv=document.getElementById('div1'); oDiv.styl

思路：换肤其实就是采用不同的css样式，在html文件中

设置函数属性有两种方法，

使用DOM创建新元素， window.onload=function () { var oTab=document.getElementById('tab1'); var oBtn=document.getElementById('btn1'); var oName=document.getElementById('name'); var oAge=docum

<!-- DOM创建元素，①创建li，②再插入相应的父级中去--> window.onload=function () { var oBtn=document.getElementById('btn1'); var oU1=document.getElementById('ul1'); var oTxt=document.getElementById('txt1')

获取表格中的某个单元格的内容，可以

 window.onload=function () { var aA=document.getElementsByTagName('a'); var oUl=document.getElementById('ul1'); for(var i=0;i<aA.length;i++) { aA[i].onclick=function () { oUl.re

<!-- DOM创建元素，①创建li，②再插入相应的父级中去，--> window.onload=function () { var oBtn=document.getElementById('btn1'); var oU1=document.getElementById('ul1'); var oTxt=document.getElementById('txt1'

思路：在网中中一级导航栏中有“更多”的按钮，当按下的时候会显示出更多的内容出来，但在显示的时候如果再按则会隐藏。主要使用display属性的none和block  当用户点击的时候div显示的话就隐藏掉，否则就显示出来主要用到if-else判断代码如下