面白１７■付いてくるスライド・リンク有

スクロールしても付いてくるスライドです。下にスクロールしてみて下さい。

<!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>

<style type="text/css"><!--
body{ background:#acf;}/*★背景色指定水色　不要なら削除*/
--></style>

</head>
<body>

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

<!--★ここからコピー。１番最初の画像名指定。下記１行はこのままコピー。id="ftLk"とid="ftGa"必須。
今回は画像サイズがバラバラなので、画像縦幅を統一しています。横幅は自動で変更されます-->

<a href="" target="_new" id="ftLk"><img src="rose1.png" title="" id="ftGa" style="height:180px;"></a>

<script type="text/javascript"><!--
/*=================================================================
付いてくるスライドショー：Floating Transparent Slide Show Script C.2004 by CodeLifter.com
http://www.codelifter.com/main/javascript/float_slideshow.shtml（サイト：http://www.codelifter.com/）
★旧ブラウザ対応分削除。簡略化。個別リンク追加　　2016/06/30
===================================================================*/
(function (){  var i=0,n=0; //即時関数で囲んでグローバル変数を消すため、この行はこのままで

//★画像とリンクの同時指定。増減可能。["画像","リンク","title"];　の３個をこの順番で記述
var ga= new Array;
ga[n++]=["iya1.gif","http://www.google.com","ワットプラケオ"];
ga[n++]=["iya2.gif","http://www.yahoo.com","ヘルシンキ大聖堂"];
ga[n++]=["iya3.gif","http://www.google.com","イシュタル門"];
ga[n++]=["iya4.gif","http://www.yahoo.com","ブルーモスク"];
ga[n++]=["iya5.gif","http://www.codelifter.com","ワシリー聖堂"];

var myurl="";      //★画像パス。文書とは別のフォルダーなどに入っている時は指定。全画像共通部分
var spd=4000;      //★スライド切替速度1000=1秒 
var spdD=30;       //★原本33。画像がスクロールに付いてくる速度。大きくすると遅い
var whereX=40;     //★画像位置　左から40px
var whereY=-180;   //★下から見える画像上辺位置。最低でも(マイナス画像高さ)を指定。

//指定ここまで-----------------------------------------------
var load=new Array();//画像先読み込み。切替をスムーズにする
for (var p=0,len=ga.length; p<len; p++){load[p]=new Image();load[p].src=myurl+ga[p][0];}
function runS(){ ftGa.src=myurl+ga[i%len][0]; ftGa.title=ga[i%len][2]; ftLk.href=ga[i%len][1]; i++; setTimeout(runS,spd);}
ftGa.style.position="absolute"; ftGa.style.zIndex=1000;
function floatSS(iX,iY,id){
var L=document.getElementById(id);		
this[id+'O']=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=(this.iX >=0)?0:innerWidth-18;	
var pY=pageYOffset;	
if(this.iY<0){pY+=innerHeight-18;}	
this.nX+=0.1*(pX+this.iX-this.nX);this.nY+=0.1*(pY+this.iY-this.nY);this.P(this.nX,this.nY);
setTimeout(this.id+'O.Fss()',spdD);};return L;}//原本33をspdDへ
floatSS(whereX,whereY,'ftGa').Fss();//■id名修正
runS();
}());//即時関数終了
// --></script>
<!--★ここまでコピー-->

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

</body>
</html>

スクロールしても付いてくるスライドだとわかるように、罫線で空間を開けてます。罫線は削除して下さい。

面白１７■付いてくるスライド・リンク有 UP日時 : 2016/06/30

　面白１７■付いてくるスライド・リンク有　　　　UP日時 : 2016/06/30