1、放大镜//页面加载完成后执行window.onload=function(){varoDemo=document.getElementById('demo');varoMark=document.getElementById('mark');varFloatBox=document.getElementById('浮动框');varSmallBox=document.getElementById("小盒子");varbigBox=document.getElementById('大盒子');varbigImg=bigBox.getElementsByTagName('img')[0];oMark.onmouseover=function(){FloatBox.style.display="块";bigBox.style.display="方块";}oMark.onmouseout=function(){FloatBox.style.display="none";bigBox.style.display="无";}oMark.onmousemove=function(ev){varev=ev||窗口事件；varleft=ev.clientX-oDemo.offsetLeft-SmallBox.offsetLeft-FloatBox.offsetWidth/2;vartop=ev.clientY-oDemo.offsetTop-SmallBox.offsetTop-FloatBox.offsetHeight/2;如果（左<10）{左=0；}elseif(left>=oMark.offsetWidth-FloatBox.offsetWidth-10){left=oMark.offsetWidth-FloatBox.offsetWidth;}如果（顶部<10）{顶部=0；}elseif(top>=oMark.offsetHeight-FloatBox.offsetHeight-10){top=oMark.offsetHeight-FloatBox.offsetHeight;}FloatBox.style.left=left+"px";FloatBox.style.top=top+"px";varscaleX=left/(oMark.offsetWidth-FloatBox.offsetWidth);varscaleY=top/(oMark.offsetHeight-FloatBox.offsetHeight);bigImg.style.left=-scaleX*(bigImg.offsetWidth-bigBox.offsetWidth)+"px";bigImg.style.top=-scaleY*(bigImg.offsetHeight-bigBox.offset高度)+"px";}}2、JSONP函数fn1(data){varhtml='';varoUl=document.getElementsByTagName('ul')[0];控制台日志（数据）；if(data.total!=-1){for(vari=0;i
'+data.books[i].title+'
'+data.books[i].author_intro+''+数据.books[i].summary+'