面白１６-１■付いてくるスライドショー・原本

スクロールしても付いてくるスライドです。下にスクロールしてみて下さい。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>面白１６-１■付いてくるスライドショー・原本</title>

</head>
<body onload="runSlideShow();">
<!--★↑bodyタグの中の onload="runSlideShow();"も忘れずにコピー-->

<p style="text-align:center;">スクロールしても付いてくるスライドです。下にスクロールしてみて下さい。</p>
<hr>

<!--★コピー開始-->
<!--=============================================================
Script:     Floating Transparent Slide Show
Functions:  Displays a floating layer that moves with the
            page, in which is contained an image slide show.
            If transparent .gif images are used, the slide
            show will be transparent over the page.  Image
            fade transitions are also included for IE.
Browsers:   NS4-7, IE all
Author:     etLux
Directions: Insert the entire block of code below just before
            the page </body> tag.  See the instructions in
            the script for additional setup information.
=============================================================-->

<!-- BEGIN FLOATING SLIDE SHOW CODE //-->

<!--★ここからHTML記述分　 Edit the HTML: Set first image path and size //-->
<div id="FloatSlideShow" style="position:absolute;z-index:1000000">
<a href="http://www.codebrain.com" target=_new>
<img border="0" src="rose1.png" name='SlideShow' width="128" height="128"></a><!--★最初のスライド画像指定-->
</div>
<!--★ここまでHTML記述分　 End of editable HTML //-->

<!--★JavaScriptここから-->
<script>

/* Floating Slide Show Script C.2004 by CodeLifter.com */

// You *must* add onload="runSlideShow()" to the <body> tag
// of the page.

// In the section marked Edit the HTML, above, remember to
// set the path and size for the first image.

// =======================================
// Set the following variables
// =======================================

// Set slideShowSpeed (milliseconds):
var slideShowSpeed = 3000

// Duration of crossfade (seconds) for IE:
var crossFadeDuration = 3

// Set the positioning variables, below:
// Negative numbers are relative to right (whereX) or bottom (whereY)
// Positive numbers are relative to left (whereX) or (whereY) top
// Experiment with values to get positioning exact, and allow
// for the dimensions of the image in the positioning

var whereX = 40;
var whereY = -233;

// Specify the image files:
var Pic = new Array() // don't touch this!
// to add more images, just continue
// the pattern, adding to the array below　★下記スライド画像指定。増減可能

Pic[0] = 'rose1.png'
Pic[1] = 'rose2.png'
Pic[2] = 'rose3.png'
Pic[3] = 'rose4.png'
Pic[4] = 'htr1.png'

// =======================================
// Do not edit *anything* below this line!
// =======================================

var nn=(navigator.appName.indexOf("Netscape")!=-1);
var t;var j=0;var p=Pic.length;var preLoad=new Array();
for (i=0;i<p;i++){preLoad[i]=new Image();preLoad[i].src = Pic[i];}
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();}
if (document.all || document.getElementById){document.images.SlideShow.src = preLoad[j].src;}else{
document.FloatSlideShow.document.images["SlideShow"].src = preLoad[j].src;}
if (document.all){document.images.SlideShow.filters.blendTrans.Play();}
j=j+1;if (j>(p-1))j=0;t=setTimeout('runSlideShow()', slideShowSpeed);}
var dD=document,dH=dD.html,dB=dD.body,px=dD.layers?'':'px';
function floatSS(iX,iY,id){
var L=dD.getElementById?dD.getElementById(id):dD.all?dD.all[id]:dD.layers[id];		
this[id+'O']=L;if(dD.layers)L.style=L;L.nX=L.iX=iX;L.nY=L.iY=iY;
L.P=function(x,y){this.style.left=x+px;this.style.top=y+px;};L.Fss=function(){var pX, pY;	
pX=(this.iX >=0)?0:nn?innerWidth:nn&&dH.clientWidth?dH.clientWidth:dB.clientWidth;	
pY=nn?pageYOffset:nn&&dH.scrollTop?dH.scrollTop:dB.scrollTop;	
if(this.iY<0)pY+=nn?innerHeight:nn&&dH.clientHeight?dH.clientHeight:dB.clientHeight;	
this.nX+=.1*(pX+this.iX-this.nX);this.nY+=.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY);
setTimeout(this.id+'O.Fss()',33);};return L;}
floatSS(whereX,whereY,'FloatSlideShow').Fss();
</script>
<!--★JavaScriptここまで　END FLOATING SLIDE SHOW CODE //-->
<!--★コピー終了-->

<hr style="margin-top:1500px;"><!--★スクロールしても付いてくるスライドだとわかるように、罫線で空間を開けてます。罫線は削除-->

</body>
</html>
スクロールしても付いてくるスライドだとわかるように、罫線で空間を開けてます。罫線は削除して下さい。
面白１６-１■付いてくるスライドショー・原本 UP日時 : 2016/06/30

　面白１６-１■付いてくるスライドショー・原本　　　　UP日時 : 2016/06/30
