摘要： 效果：鼠标移入时，图片由半透明逐渐变成清晰，移出时，由清晰变为半透明分析：用变量来储存透明度，因为元素.style.alpha不能直接增加或减少window.onload=function(){ var oDiv=document.getElementById("div1"); var timer=null; var alpha=30; oDiv.onmouseover=function(){ setAlpha(100); }; oDiv.onmouseout=function(){ setAlpha(30); }; function setAlpha(iTarget){ 阅读全文

摘要： 一、什么是Ajax不刷新的情况下读取数据或提交数据（最早出现ajax：谷歌地图，拖动一下出现一片新的视野）应用：用户注册、在线聊天、微博特性：只能从服务器上去读取数据（所以我们需要配置自己的服务器程序AMP）二、使用Ajax1.基础：请求并显示静态TXT文件btn.onclick=function(){ ajax('abc.txt',function(str){ alert(str); });}①Ajax里面文件的编码要和页面的编码一致②缓存、阻止缓存（好处大于缺点，所以不能什么时候都清缓存）缓存能帮助我们加速网络访问，所谓缓存，就是服务器上这个文件，它只读一次，第二次就从你的 阅读全文

摘要： 一、什么是cookie页面用来保存的信息，如自动登录，记住用户名二、cookie特性同一网站所有页面共用一套cookie数量、大小有限过期时间三、封装好的设置、读取、删除cookiefunction setCookie(name,value,iDay){ var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cookie=name+'='+value+';expires='+oDate;}function getCookie(name){ var attr=document.coo 阅读全文

摘要： 分析：1.鼠标按下，拖拽开始，鼠标移动，拖拽进行，鼠标抬起，拖拽结束（三个事件）2.被拖动元素与鼠标之间的位置在拖动过程中始终不变，利用这个原理，被拖动元素的位置就是鼠标的左（上）边距-鼠标与被拖动元素之间的距离注意：onmousemove应该是在onmousedown发生时进行，不然不需要点击也能拖动了。 用户可能会将拖动层脱出窗口外。window.onload=function(){ var box=document.getElementById("div"); var disX; var disY; box.onmousedown=function(ev){ //如果 阅读全文

摘要： 例子：鼠标移动到一块东西上，出现提示文本框，并且提示文本框跟着鼠标的位置动document.onmouseover=function(ev){ var oEvent=ev||event; var box=document.getElementById("box"); var scrollTop=document.documentElement.scrollTop||document.body.scrollTop; //前面是兼容非谷歌浏览器，后面是兼容谷歌浏览器 var scrollLeft=document.documentElement.scrollLeft||docu 阅读全文

摘要： 例子：点击按钮，弹出一块div，点击页面别处，div隐藏分析：当点了按钮的时候会事件冒泡到document层，阻止事件冒泡，要用到event.cancelBubble=true;window.onload=function(){ var btn=document.getElementById("btn"); var box=document.getElementById("box"); btn.onclick=function(ev){ var oEvent=ev||event; //兼容ie和ff的写法，ie下直接可以用event.属性，而火狐下需要一 阅读全文

摘要： 假设要获取所有.star元素function getByClass(oparent,sClass){ var aEle=oparent.getElementsByTagName("*"); var aResult=[]; var i; for(i=0;i<aEle.length;i++){ if(aEle[i].className==sClass){ aResult.push(aEle[i]); } } return aResult;};window.onload=function(){ var box=document.getElementById("bo 阅读全文

摘要： 一、JavaScript组成1.ECMAScript 解释器、翻译（提供功能有限，如加减乘除，定义变量、函数等） 几乎没有兼容性问题2.DOM 有一些兼容性问题3.BOM（用的少，交互体验太差） 几乎不兼容（除了少数几个比较兼容）二、变量类型number、string、boolean、undef... 阅读全文

摘要： 效果：鼠标移到星星上，这颗星星及之前的全亮，提示文字出现，根绝星星数量显示不同文字，移出灭掉，文字消失思路：1.定义一个数组，来存放不同的文字2.存放星星的索引值(要在i定义赋值后，即在for循环里面)window.onload=function(){ var box=document.getElementById('box'); var star=document.getElementsByTagName('div'); var tip=document.getElementById('tip'); var da=['很差',& 阅读全文

摘要： 效果：1.默认缓慢往左滚动2.放到左箭头上还是向左滚动，放到右箭头上向右滚动3.放到图片上停止滚动，移出继续滚动思路：1.计算图片列表ul的宽度2.开启定时器，使其向左边距不断增大，造成向左运动的效果3.图片列表复制一份，向左移动时，当左边距大于一份的宽度时，把它的左边距拉回到0。向右移动时，当左边距大于0时，把它的左边距拉到整个两份图片列表一半的宽度（即一份的宽度）。（拉的瞬间很快，用户察觉不到，造成一种无缝滚动的假象）4.offsetLeft值的正负决定往哪边移动5.放到图片上停止这个定时器，移开再开启window.onload=function(){ var odiv=document. 阅读全文