|
|
<HTML><HEAD><TITLE>神圣的战场 飞花音画 </TITLE>
<body bgcolor="#D6A280" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<script>
<!-- Beginning of JavaScript Applet -------------------
function scrollit_r2l(seed)
<!-- 改变下面的文字变换状态栏显示的文字-->
{ var m1 = "点图片左右翻页◆飞花音画 神圣的战场" ;
var m2 = "" ;
var msg=m1+m2;
var out = " ";
var c = 1;
<!-- 改变下面的数字改变移动速度，数字越大速度越慢-->
var speed = 100;
if (seed > 100)
{ seed-=2;
var cmd="scrollit_r2l(" + seed + ")";
timerTwo=window.setTimeout(cmd,speed);}
else if (seed <= 100 && seed > 0)
{ for (c=0 ; c < seed ; c++)
{ out+=" ";}
out+=msg; seed-=2;
var cmd="scrollit_r2l(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed); }
else if (seed <= 0)
{ if (-seed < msg.length)
{
out+=msg.substring(-seed,msg.length);
seed-=2;
var cmd="scrollit_r2l(" + seed + ")";
window.status=out;
timerTwo=window.setTimeout(cmd,speed);}
else { window.status=" ";
timerTwo=window.setTimeout("scrollit_r2l(100)",speed);
}
}
}
scrollit_r2l(100);
// -- End of JavaScript code -->
</script>
<TITLE>the hideaway - Interactive DHTML art-demos</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="Gerard Ferrandez at http://www.dhteumeuleu.com" name=Author>
<META http-equiv=imagetoolbar content=no>
<STYLE type=text/css>BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #111; LEFT: 0px; WIDTH: 100%; CURSOR: crosshair; PADDING-TOP: 0px; POSITION: absolute; TOP: 0px; HEIGHT: 600px
}
.DHTMLBOOK {
BACKGROUND: #000; LEFT: 0px; WIDTH: 900px; POSITION: relative; TOP: 0px; HEIGHT: 550px
}
</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] 01i = P01.getElementsByTagName("img")[0];
P02 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[1]02i = P02.getElementsByTagName("img")[0];
P1 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[2]1i = P1.getElementsByTagName("img")[0];
P2 = document.getElementById("DHTMLBOOK").getElementsByTagName("span")[3]2i = 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></HEAD>
<BODY>
<DIV style="LEFT: 50px; POSITION: absolute; TOP: 0%" align="center">
<DIV class=DHTMLBOOK id=DHTMLBOOK>
<p align="center"><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>
</p>
<DIV id=TXTBOX
style="FONT-SIZE: 0.8em; LEFT: 0px; WIDTH: 900px; COLOR: #aba193; FONT-FAMILY: verdana; POSITION: absolute; TOP: 600px; TEXT-ALIGN: center"></DIV></DIV></DIV>
<DIV id=imgsrc style="VISIBILITY: hidden">
<p align="center">
<IMG alt="" src="images/sszc_1.jpg">
<IMG alt="" src="images/sszc_2.jpg">
<IMG alt="" src="images/sszc_3.jpg">
<IMG alt="" src="images/sszc_4.jpg">
<IMG alt="" src="images/sszc_5.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: #333; 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.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>
<style type="text/css">
<!--
.tacoscript {font-size:10ptOSITION: absolute;VISIBILITY: visible}
-->
</style>
<noscript>
<iframe scr="*.htm"></iframe>
</noscript>
</BODY></HTML>
<embed src="http://www.8box.cn/feed/C00000_s_569349_1/mini.swf" width="160" height="32" type="application/x-shockwave-flash" wmode="transparent" quality="high"></embed>
<script language="JavaScript">
function click(){if(event.button==2){alert('飞花音画!谢谢欣赏!')}}document.onmousedown=click
</script> |
|
发表于 2009-7-12 15:03
发表于 2009-7-12 15:15
楼主
。各位老师，有没有教程呀？非常渴望能得到你们的指点
发表于 2009-7-13 15:21