资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
比较炫的图片播放器 js 焦点效果代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图片播放器_图片轮换_焦点效果</title> <style type="text/css"> #focus_m{position:relative; width:420px; height:384px; background:#133775} .f_img_roll{width:350px; height:300px; position:relative;} .f_img_roll img{position:absolute; left:0; top:0; width:350px; height:300px;} .f_img_tree{position:absolute; width:75px; height:300px; right:3px; top:0;} .f_img_tree div{position:absolute; z-index:201; top:3px; right:0; width:75px; height:47px; background:url(http://www.kuanghong.com/han/images/mask.gif) no-repeat;} .f_img_tree ul{margin:0; padding:0; list-style:none; position:absolute; right:0;} .f_img_tree li{width:60px; height:45px; border:1px solid #0066cc; margin-top:3px;} .f_img_tree img{width:54px; height:39px; border:3px solid #000066; vertical-align:top;} .f_con{color:#fff; height:70px;} .f_con .f_title{font-size:14px; height:30px; line-height:30px; margin-top:5px; font-weight:bold; text-align:center;} .f_con .f_title a:link, .f_con .f_title a:visited{color:#fff; text-decoration:none} .f_con .f_title a:hover{text-decoration:underline} .f_con .f_con{font-size:12px; padding:0 10px; height:40px; line-height:150%;} </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%20%20function%20%24A(iterable)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20results%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20for%20(var%20i%20%3D%200%3B%20i%20%3C%20iterable.length%3B%20i%2B%2B)results.push(iterable%5Bi%5D)%3B%20%0D%0A%20%20%20%20%20%20%20%20return%20results%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20Function.prototype.bind%20%3D%20function()%20%7B%20%0D%0A%20%20%20%20%20%20%20%20var%20__method%20%3D%20this%2C%20args%20%3D%20%24A(arguments)%2C%20object%20%3D%20args.shift()%3B%20%0D%0A%20%20%20%20%20%20%20%20return%20function()%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20return%20__method.apply(object%2C%20args.concat(%24A(arguments)))%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20var%20imgs%20%3D%20%5B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bmax%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_1.jpg'%2C%20min%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_1s.jpg'%2C%20url%3A'%23'%2C%20title%3A'%E6%A0%87%E9%A2%9801%E6%A0%87%E9%A2%9801%E6%A0%87%E9%A2%9801%E6%A0%87%E9%A2%9801%E6%A0%87%E9%A2%9801'%2C%20con%3A'%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901%E5%86%85%E5%AE%B901'%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bmax%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_2.jpg'%2C%20min%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_2s.jpg'%2C%20url%3A'%23'%2C%20title%3A'%E6%A0%87%E9%A2%9802%E6%A0%87%E9%A2%9802%E6%A0%87%E9%A2%9802%E6%A0%87%E9%A2%9802%E6%A0%87%E9%A2%9802'%2C%20con%3A'%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902%E5%86%85%E5%AE%B902'%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bmax%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_3.jpg'%2C%20min%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_3s.jpg'%2C%20url%3A'%23'%2C%20title%3A'%E6%A0%87%E9%A2%9803%E6%A0%87%E9%A2%9803%E6%A0%87%E9%A2%9803%E6%A0%87%E9%A2%9803%E6%A0%87%E9%A2%9803'%2C%20con%3A'%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903%E5%86%85%E5%AE%B903'%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bmax%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_4.jpg'%2C%20min%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_4s.jpg'%2C%20url%3A'%23'%2C%20title%3A'%E6%A0%87%E9%A2%9804%E6%A0%87%E9%A2%9804%E6%A0%87%E9%A2%9804%E6%A0%87%E9%A2%9804%E6%A0%87%E9%A2%9804'%2C%20con%3A'%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904%E5%86%85%E5%AE%B904'%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bmax%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_5.jpg'%2C%20min%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_5s.jpg'%2C%20url%3A'%23'%2C%20title%3A'%E6%A0%87%E9%A2%9805%E6%A0%87%E9%A2%9805%E6%A0%87%E9%A2%9805%E6%A0%87%E9%A2%9805%E6%A0%87%E9%A2%9805'%2C%20con%3A'%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905%E5%86%85%E5%AE%B905'%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7Bmax%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_6.jpg'%2C%20min%3A'http%3A%2F%2Fwww.kuanghong.com%2Fhan%2Fimages%2Fimg_6s.jpg'%2C%20url%3A'%23'%2C%20title%3A'%E6%A0%87%E9%A2%9806%E6%A0%87%E9%A2%9806%E6%A0%87%E9%A2%9806%E6%A0%87%E9%A2%9806%E6%A0%87%E9%A2%9806'%2C%20con%3A'%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906%E5%86%85%E5%AE%B906'%7D%20%0D%0A%20%20%20%20%20%20%20%20%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20function%20focus()%7Bthis.initialize.apply(this%2Carguments)%7D%20%0D%0A%20%20%20%20%20%20%20%20focus.prototype%20%3D%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20initialize%3A%20function(imgs%2C%20fc%2C%20tim%2C%20speed)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.imgs%20%20%20%20%3D%20imgs%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tim%20%20%20%20%3D%20tim*1000%20%7C%7C%202000%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.speed%20%20%20%20%3D%20speed%20%7C%7C%200.3%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.t%20%20%20%20%20%20%20%20%3D%20null%3B%20%20%20%20%20%20%20%20%2F%2F%20%E5%8A%A8%E4%BD%9C%E8%AE%A1%E6%97%B6%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tm%20%20%20%20%20%20%20%20%3D%20null%3B%20%20%20%20%20%20%20%20%2F%2F%20%E5%9B%BE%E7%89%87%E8%AE%A1%E6%97%B6%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tb%20%20%20%20%20%20%20%20%3D%20null%3B%20%20%20%20%20%20%20%20%2F%2F%20%E6%BB%91%E5%9D%97%E5%84%BF%E8%AE%A1%E6%97%B6%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.cur_i%20%20%20%20%3D%200%3B%20%20%20%20%20%20%20%20%2F%2F%20%E5%BD%93%E5%89%8D%E5%9B%BE%E7%89%87%E4%BD%8D%E7%BD%AE%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.move%20%20%20%20%3D%20false%3B%20%20%20%20%2F%2F%20%E6%98%AF%E5%90%A6%E5%9C%A8%E8%BF%90%E5%8A%A8%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tem%20%20%20%20%3D%200%3B%20%20%20%20%20%20%20%20%2F%2F%20%E4%B8%B4%E6%97%B6%E6%95%B0%E6%8D%AE%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.posTo%20%20%20%20%3D%200%3B%20%20%20%20%20%20%20%20%2F%2F%20%E6%BB%91%E5%9D%97%E5%84%BF%E7%9B%AE%E7%9A%84%E5%9C%B0%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.over%20%20%20%20%3D%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20ds%20%20%20%20%20%20%20%20%3D%20document.getElementById(fc).getElementsByTagName('div')%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20di%20%20%20%20%20%20%20%20%3D%20ds%5B0%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_m%20%20%20%20%3D%20document.createElement('img')%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_m2%20%3D%20this.img_m.cloneNode(true)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20dm%20%20%20%20%20%20%20%20%3D%20ds%5B1%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.title%20%20%20%20%3D%20ds%5B3%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.con%20%20%20%20%3D%20ds%5B4%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.mask%20%20%20%20%3D%20document.createElement('div')%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.ul%20%20%20%20%20%20%20%20%3D%20document.createElement('ul')%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.lis%20%20%20%20%3D%20%5B%5D%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_m.style.zIndex%20%3D%20101%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_m2.style.zIndex%20%3D%20100%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20di.appendChild(this.img_m)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20di.appendChild(this.img_m2)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20di%20%3D%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dm.appendChild(this.mask)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dm.appendChild(this.ul)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20dm%20%3D%20null%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_cache()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.load()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img_cache%3A%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20img%20%3D%20new%20Image()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3B%20i%3Cthis.imgs.length%3B%20i%2B%2B)img.src%20%3D%20this.imgs%5Bi%5D.max%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20stop%3A%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clearTimeout(this.t)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.over%20%3D%201%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20start%3A%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.over%20%3D%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.t%20%3D%20setTimeout(this.f_next.bind(this%2Cnull)%2C%20this.tim)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20load%3A%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20imgs%20%20%20%20%20%20%20%20%20%20%20%20%20%3D%20this.imgs%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_m.src%20%20%20%20%20%20%20%20%20%3D%20imgs%5B0%5D.max%3B%20%20%20%2F%2F%20%E5%8A%A0%E8%BD%BD%E9%BB%98%E8%AE%A4%E5%A4%A7%E5%9B%BE%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.title.innerHTML%20%3D%20'%3Ca%20href%3D%22'%2Bimgs%5B0%5D.url%2B'%22%3E'%2Bimgs%5B0%5D.title%2B'%3C%2Fa%3E'%3B%20%2F%2F%20%E6%A0%87%E9%A2%98%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.con.innerHTML%20%20%20%20%20%3D%20imgs%5B0%5D.con%3B%20%20%20%20%20%20%2F%2F%E5%86%85%E5%AE%B9%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20oThis%20%20%20%20%20%20%20%20%20%20%3D%20this%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3B%20i%3Cimgs.length%3B%20i%2B%2B)%7B%20%20%20%20%20%2F%2F%E5%8A%A0%E8%BD%BD%E5%B0%8F%E5%9B%BE%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20li%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3D%20document.createElement('li')%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20li.onclick%20%20%20%20%20%20%3D%20function()%7B%20oThis.f_next.call(oThis%2Cthis.i)%3B%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20li.innerHTML%20%20%3D%20'%3Cimg%20src%3D%22'%2Bimgs%5Bi%5D.min%2B'%22%20alt%3D%22%22%20%2F%3E'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20li.i%20%20%20%20%20%20%20%20%20%20%3D%20i%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.lis.push(li)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.ul.appendChild(li)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20lis%20%3D%20this.ul.childNodes%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20for(var%20i%3D0%3B%20i%3Clis.length%3B%20i%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20lis%5Bi%5D.onmouseover%20%3D%20function()%7B%20this.style.border%3D%221px%20solid%20%23cc0000%22%3B%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20lis%5Bi%5D.onmouseout%20%3D%20function()%7B%20this.style.border%3D%221px%20solid%20%230066cc%22%3B%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.t%20%3D%20setTimeout(this.f_next.bind(this%2Cnull)%2C%20this.tim)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.title.parentNode.onmouseover%20%3D%20this.stop.bind(this)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.title.parentNode.onmouseout%20%3D%20this.start.bind(this)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20f_next%3A%20function(n)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.tb)%20clearInterval(this.tb)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.t)%20clearTimeout(this.t)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.tm)%20clearInterval(this.tm)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(n)this.cur_i%20%3D%20n-1%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20top%20%3D%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(n!%3D0%20%26%26%20this.imgs%5Bthis.cur_i%2B1%5D)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.posTo%20%3D%20this.lis%5Bthis.cur_i%2B1%5D.offsetTop%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.cur_i%20%3D%20this.cur_i%2B1%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.posTo%20%3D%20this.lis%5B0%5D.offsetTop%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.cur_i%20%3D%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tem%20%3D%20this.mask.offsetTop%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tem%20%3E%20this.posTo%3F%20top%20%3D%201%20%3A%20top%20%3D%200%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tb%20%3D%20setInterval(this.moveTo.bind(this%2C%20top)%2C%2025)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20moveTo%3A%20function(top)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(!top)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if((this.tem%2B1.8)%3E%3Dthis.posTo%2B1)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.mask.style.top%20%3D%20this.posTo%2B'px'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clearInterval(this.tb)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_swap()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tem%20%2B%3D%20(this.posTo-this.tem)*this.speed%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if((this.tem-1.8)%3C%3Dthis.posTo-1)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.mask.style.top%20%3D%20this.posTo%2B'px'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clearInterval(this.tb)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.img_swap()%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tem%20-%3D%20(this.tem-this.posTo)*this.speed%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.mask.style.top%20%3D%20this.tem%2B'px'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img_swap%3A%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20t%2C%20b%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.img_m.style.zIndex%3Ethis.img_m2.style.zIndex)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t%20%3D%20this.img_m%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20b%20%3D%20this.img_m2%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t%20%3D%20this.img_m2%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20b%20%3D%20this.img_m%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.title.innerHTML%20%3D%20'%3Ca%20href%3D%22'%2Bthis.imgs%5Bthis.cur_i%5D.url%2B'%22%3E'%2Bthis.imgs%5Bthis.cur_i%5D.title%2B'%3C%2Fa%3E'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.con.innerHTML%20%20%20%20%20%3D%20this.imgs%5Bthis.cur_i%5D.con%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20b.src%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3D%20this.imgs%5Bthis.cur_i%5D.max%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%2FMSIE%2F.test(navigator.userAgent)%20%3F%20this.tem%20%3D%20t.style.filter%20%3F%20t.style.filter.replace(%2F%5E.%2B%3D(%5Cd%2B).%2B%24%2F%2C'%241')%20%3A%20100%20%3A%20this.tem%20%3D%20t.style.opacity%20%3F%20t.style.opacity*100%20%3A%20100%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tm%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3D%20setInterval(this.img_hid.bind(this%2C%20t%2C%20b)%2C%2025)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20img_hid%3A%20function(t%2Cb)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.tem%20-%3D%205%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(%2FMSIE%2F.test(navigator.userAgent))%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.style.filter%20%3D%20'alpha(opacity%3D'%2Bthis.tem%2B')'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.style.opacity%20%3D%20this.tem%2F100%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.tem%20%3C%3D0)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20clearInterval(this.tm)%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20tz%20%20%20%20%20%20%20%20%20%20%20%3D%20t.style.zIndex%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20bz%20%20%20%20%20%20%20%20%20%20%20%3D%20b.style.zIndex%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.style.zIndex%20%3D%20bz%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20b.style.zIndex%20%3D%20tz%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(%2FMSIE%2F.test(navigator.userAgent))%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.style.filter%20%3D%20'alpha(opacity%3D100)'%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20else%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20t.style.opacity%20%3D%201%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20if(this.over)%20return%3B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20this.t%20%3D%20setTimeout(this.f_next.bind(this%2C%20null)%2C%20this.tim)%3B%20%2F%2F%20%E7%BB%A7%E7%BB%AD%E5%BE%AA%E7%8E%AF%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20window.onload%20%3D%20function()%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20new%20focus(imgs%2C'focus_m')%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%3C%2Fscript%3E"> </head> <body> <div id="focus_m"> <div class="f_img_roll"></div><div class="f_img_tree"></div> <div class="f_con"> <div class="f_title"></div> <div class="f_con"></div> </div> </div> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程