当前位置:首页 >> 实用素材 >> 特效代码 >> 翻页特效脚本(幽冥仙姬)
    
  双击自动滚屏  
翻页特效脚本(幽冥仙姬)

发表日期:2009年11月9日  出处:收藏  作者:幽冥仙姬  本页面已被访问 9203 次

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>翻页脚本-幽冥仙姬收藏</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META http-equiv=imagetoolbar content=no>
<STYLE type=text/css>
.time {BEHAVIOR: url(#default#time2)}
body {overflow:hidden; overflow-y:yuto; margin:0;; border:12px ridge #015f01;}
</STYLE>
<STYLE type=text/css>BODY {
 PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #e1e6e1; LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
.DHTMLBOOK {
 BACKGROUND: #f0f1ee; LEFT: 0px; WIDTH: 1000px; POSITION: relative; TOP: 0px; HEIGHT: 600px
}
</STYLE>

<SCRIPT type=text/javascript><!--


window.onerror = new Function("return true");
screen.bufferDepth = 16;
document.onselectstart = function () { return false; }

var nI  = 0;
var kI  = 0;
var run = false;

function setOpacity(obj,o){
 if(o<0)o=0; else if(o>100)o=100;
 if(obj.filters)obj.filters.alpha.opacity=o;
}
function TPR__(p){
 P1.style.left  = 50-(2.5*p)+"%";
 P1.style.width = (2.5*p)+"%";
 setOpacity(P1i,.5*p*p);
 if(p==20)run = false;
}
function TPR_(p){
 P2.style.width = 50-(2.5*p)+"%";
 setOpacity(P2i,100-.5*(p*p));
 if(p==20){
  P2i.src = IMGSRC[kI].src;
  setOpacity(P2i,100);
  P2.style.width = "50%";
  for(var i=1;i<=20;i++)setTimeout("TPR__("+i+")",i*32);
 }
}
function TPR(){
 if(!run){
  run = true;
  P01i.src = IMGSRC[kI].src;
  P1.style.width = 0;
  kI++;
  if(kI>=nI)kI = 0;
  titLe(kI);
  P02i.src = IMGSRC[kI].src;
  P1i.src  = IMGSRC[kI].src;
  for(var i=1;i<=20;i++)setTimeout("TPR_("+i+")",i*32);
 } else setTimeout("TPR()",100);
}

function TPL__(p){
 P2.style.width = (2.5*p)+"%";
 setOpacity(P2i,.5*p*p);
 if(p==20)run = false;
}
function TPL_(p){
 P1.style.left  = (2.5*p)+"%";
 P1.style.width = 40+(10-2.5*p)+"%";
 setOpacity(P1i,100-.5*(p*p)); 
 if(p==20){
  P1i.src = IMGSRC[kI].src;
  setOpacity(P1i,100); 
  P1.style.left  = 0;
  P1.style.width = "50%";
  for(var i=1;i<=20;i++)setTimeout("TPL__("+i+")",i*32);
 }
}
function TPL(){
 if(!run){
  run = true;
  P02i.src = IMGSRC[kI].src;
  P2.style.width = 0;
  kI--;
  if(kI<0)kI = nI-1;
  titLe(kI);
  P01i.src = IMGSRC[kI].src;
  P2i.src  = IMGSRC[kI].src;
  for(var i=1;i<=20;i++)setTimeout("TPL_("+i+")",i*32);
 } else setTimeout("TPL()",100);
}
function titLe(p){
 document.getElementById("TXTBOX").innerHTML = IMGSRC[p].alt;
}
onload = function() {
 IMGSRC = document.getElementById("imgsrc").getElementsByTagName("img");
 P01    = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[0];P01i = P01.getElementsByTagName("img")[0];
 P02    = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[1];P02i = P02.getElementsByTagName("img")[0];
 P1     = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[2];P1i  = P1.getElementsByTagName("img")[0];
 P2     = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[3];P2i  = P2.getElementsByTagName("img")[0];
 nI     = IMGSRC.length;
 P1i.src = IMGSRC[kI].src;
 P2i.src = IMGSRC[kI].src;
 titLe(kI);
}
//-->
</SCRIPT>

<META content="Microsoft FrontPage 6.0" name=GENERATOR>
<DIV style="LEFT: 0%; POSITION: absolute; TOP: 0%">
<DIV class=DHTMLBOOK id=DHTMLBOOK><SPAN onmousedown="return false;"
ondblclick=TPL();
style="LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #000000 0pt solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%"
onclick=TPL();><IMG
style="LEFT: 0px; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
</SPAN><SPAN onmousedown="return false;" ondblclick=TPR();
style="BORDER-RIGHT: #000000 0pt solid; LEFT: 50%; OVERFLOW: hidden; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%"
onclick=TPR();><IMG
style="LEFT: -100%; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
</SPAN><SPAN onmousedown="return false;" ondblclick=TPL();
style="BACKGROUND: #000000; LEFT: 0px; OVERFLOW: hidden; BORDER-LEFT: #000000 0pt solid; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%"
onclick=TPL();><IMG
style="FILTER: alpha(); LEFT: 0px; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
</SPAN><SPAN onmousedown="return false;" ondblclick=TPR();
style="BORDER-RIGHT: #000000 0pt solid; BACKGROUND: #000000; LEFT: 50%; OVERFLOW: hidden; WIDTH: 50%; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT: 100%"
onclick=TPR();><IMG
style="FILTER: alpha(); LEFT: -100%; WIDTH: 200%; POSITION: absolute; TOP: 0px; HEIGHT: 100%">
</SPAN>

<DIV id=TXTBOX
style="FONT-SIZE: 0.8em; LEFT: 0px; WIDTH: 1000px; COLOR: #35f0b9; FONT-FAMILY: verdana; POSITION: absolute; TOP: 600px; TEXT-ALIGN: center"></DIV></DIV></DIV>
<DIV id=imgsrc style="VISIBILITY: hidden"><IMG alt="" src="fanye_files/1.jpg">
<IMG alt="" src="fanye_files/2.jpg"> <IMG alt="" src="fanye_files/3.jpg"> <IMG
alt="" src="fanye_files/4.jpg"> <IMG alt="" src="fanye_files/5.jpg"> <IMG alt=""
src="fanye_files/6.jpg"> <IMG alt="" src="fanye_files/7.jpg"> <IMG alt=""
src="fanye_files/8.jpg"><IMG alt="" src="fanye_files/9.jpg">
<IMG alt="" src="fanye_files/10.jpg"> <IMG alt="" src="fanye_files/11.jpg"> <IMG
alt="" src="fanye_files/12.jpg"> <IMG alt="" src="fanye_files/13.jpg"> <IMG alt=""
src="fanye_files/14.jpg"> <IMG alt="" src="fanye_files/15.jpg"> <IMG alt=""
src="fanye_files/16.jpg"><IMG alt="" src="fanye_files/17.jpg"> <IMG alt=""
src="fanye_files/18.jpg"></DIV><SPAN id=LB0
style="LEFT: 50%; POSITION: absolute; TOP: 50%"><SPAN
style="FONT-SIZE: 10px; LEFT: 0px; COLOR: #ffffff; FONT-FAMILY: arial; POSITION: absolute; TOP: -18px">Loading...</SPAN>
<SPAN
style="FONT-SIZE: 0px; BACKGROUND: #456; LEFT: -50px; WIDTH: 100px; POSITION: absolute; TOP: -5px; HEIGHT: 10px"><SPAN
id=LB1
style="FONT-SIZE: 0px; BACKGROUND: #ffffff; LEFT: 0px; WIDTH: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 10px"></SPAN></SPAN></SPAN>
<SCRIPT>m00=document.getElementById("imgsrc").getElementsByTagName("img");m01=m00.length;function images_loading_bar(){m02=0;for(i=0;i<m01;i++)m02+=(m00[i].complete)?1:0;document.getElementById("LB1").style.width=Math.round(m02/m01*100);if(m02==m01)setTimeout("document.getElementById('LB0').style.display='none'",128); else setTimeout("images_loading_bar()", 64);};images_loading_bar();</SCRIPT>

</BODY></HTML>




  双击自动滚屏  
  相关评论:    

 没有相关评论

  发表评论:    

用 户 名:
电子邮件:
评论内容:
(最多评论字数:500)

心缘之梦 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 |

联系人:“心缘之梦”微信群yueyuanzhongqiu20080815