スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

パソコン教室

写真雛形から、基本形のV字に写真を動かすをおこなうと、
ファィルは下記のようになります

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>写真雛型V字
<style type="text/css">
</style>
<script type="text/javascript" src="kiban.js">
<script type="text/javascript" src="swisse/swisse.js">
</head>
<body bgcolor="#808080" onload="sin_5();">
<form name="fona">
<button name="namae1" type="button" onClick="sin_5();">最初から
<input type="text" name="namae2" value="残り=">
<button name="namae3" type="button" onClick="if(iiimove
<button name="namae4" type="button" onClick="clearTimeout(tid);clearTimeout(tid2);">stop</button>
</form>
<script type="text/javascript">
//必須初期設定------
//auto1();auto2();
jiku(-20,20,-15,15,1);// 座標軸の両端の値(-x,+x;-y,+y,真偽)
var tid,tid1,tid2,tid3,tid4,tid5,tid6,tid7,tid8,tid9;
//1,写真の読み込み
shacin=[];
nn=come.length-1;
for(i=0;i<nn;i++){
ban=come[i].substr(0,3);
pho="IMG_0"+ban+".jpg";
document.write('<IMG id="hoto'+i+'" SRC="swisse/'+pho+'" width="320" height="240">');
shacin[i]=document.getElementById('hoto'+i);
shacin[i].style.position="absolute";
}
//2.コメントの読み込み
katari=[];
for(i=0;i<=nn;i++){
com=come[i].substr(4,come[i].length-4);
document.write('<DIV id="kata'+i+'" style= width:400px;height:300px;display:none; ">'+com+'</DIV>');
katari[i]=document.getElementById('kata'+i);
katari[i].style.position="absolute";
}
//3.コメントの表示/非表示
function block_none(nnn){
if(nnn!=0)katari[nnn-1].style.display="none";
katari[nnn].style.display="block";
katari[nnn].style.left=wx(-10,centerx);
katari[nnn].style.top=wy(-7,centery);
katari[nnn].style.fontSize="28pt";
katari[nnn].style.color="white";
}
//4.背景写真//小道具準備
//背景写真
//小道具準備
//5.関数5(初期位置の設定)
function sin_5(){
clearTimeout(tid);clearTimeout(tid2);
iii=0;//写真の番号
iik=0;//ケースの番号
zin=0;//前後関係
for(i=0;i shacin[i].style.display="block";
shacin[i].style.left=wx(-20,centerx);
shacin[i].style.top=wy(12,centery);
shacin[i].style.zIndex=nn-zin++;
}
t1=0;sin_6();
}
//6.関数6(写真の移動)
function sin_6(){
tid1=setTimeout("sin_6()",10);
t1+=0.01;t=t1;
if(iik==0){
shacin[iii].style.display="block";
xx=line(-20,-8);yy=line(12,-8);

shacin[iii].style.left=wx(xx,centerx);
shacin[iii].style.top=wy(yy,centery);
shacin[iii].style.zIndex=zin++;//被せる
}else if(iik==1){ //ケース1の場合
t1=2;
}else if(iik==2){ //ケース2の場合
xx=line(-8,8);yy=line(-8,12);

shacin[iii].style.left=wx(xx,centerx);
shacin[iii].style.top=wy(yy,centery);
shacin[iii].style.zIndex=zin++;//被せる
}else{
iik=0; //ケースを0に戻す
iii++;//iii(写真番号)が1つ増える、つまり、次の写真になる
if(iii>nn-1){
clearTimeout(tid1);
}
}
if(t1>1){
t1=-0.01;
iik++;
}
}
</script>


</body>
</html>

コメント

Secre

ダンス
こんなに動けたらいいな・・・・
ポチして下さい
ブログランキング参加してます ポチして下さいお願いします

FC2Blog Ranking

クリスマスカウントダウン

powered by ブログパーツの森
リンク
リンク用バナー
banner
banner
banner
banner
banner
クリスマスカレンダー
プロフィール

KUMIROM

Author:KUMIROM
FC2ブログへようこそ!
アバーターはツカエルサイト
作りました

最新記事
BGM
再生ボタンを押すと音楽がながれます
サウンドファィルを再生できませんでした
月別アーカイブ
カテゴリ
アクセスカウンター
おすすめサイト
アフィリエイト・SEO対策
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。