- 1 名前： motinora 投稿日：2005/12/01(木) 11:20 ID:???
- はじめまして．
フリーのjavaスクリプトの結果をウインドウのセンターに表示したいのです．
インラインを使用すれば可能なのですが、ウィンドウ枠が出てしまいます．
知識の範囲で構文を変えてみたのですが上手くいきません．
しかも、可能か否かさえ判断できないでいます．
ご教示ください．
また、このjavaスクリプトが外部ファイル化できるかどうかについても
検討いただければ幸いです．
１．オリジナルが掲載されているサイト
http://ako.x0.com/java/kurukuru.html
２．HTML内記述条件とソース
１）記述条件
<body onload="mawaru()">
<!--■bodyタグ内に必ず上記のように onload="mawaru()" を入れて下さい-->
<div id="mawaru" style="position:relative"></div>
<!-■body内の画像を表示する位置に必ず上記一行を入れる-->
２）ソース
すべて貼り付けたのですが、字数制限のため
できませんでした．
ご面倒をおかけしますが、上記サイトを参照して頂きたく存じます．
オリジナルのままで記述しますと、"div"タグによる位置指定しかできません．
"center"タグで表現されるように、このスクリプトの結果がウィンドウの大きさにかかわらず
センターに来るようにしたいのです．
よろしくお願いします．
- 2 名前： motinora 投稿日：2005/12/01(木) 11:28 ID:???
- ソースです．
<script language="javascript">
/*http://myako.net/ ako's cyberpage*/
<!--
var Gahaba=240; var Gatakasa=240; var Gasen=true; var Gaseniro="yellowgreen";//■画像の周りの枠の色
var Hayasa=3;//■まわる早さです 増やすと早くなります 適宜調整して下さい
var GaD=true; var Gasuu=6;//■画像の枚数 4枚か6枚か8枚にして下さい
Ga=new Array("cherrys.jpg","http://myako.net/","yousei33a.jpg","http://myako.net/java/javanewn.cgi","harunotennsi2a.jpg","","0566.jpg","","you.gif","http://www.lala-la.com/~akos/","you23abc.jpg","");
//■”画像名”,(カンマ)”リンク先”,(カンマ)”次の画像名”,(カンマ)”リンク先”の順に書いてね
//■リンク先は書かなくてもOKです 改行しないで下さい
mawaruGa=new Array(Gasuu/2+1);akoGahaba=new Array(Gasuu/2);
akokuru=new Array(3*Math.PI/2,0,3*Math.PI/2,11*Math.PI/6,Math.PI/6,3*Math.PI/2,7*Math.PI/4, 0,Math.PI/4,3*Math.PI/2,5*Math.PI/3,11*Math.PI/6,0,Math.PI/6,Math.PI/3);
var akokuruo=Gasuu==4?0:Gasuu==6?2:Gasuu==8?5:9;
akoGa=new Array(Ga.length);
var akoGaA=GaD?Math.PI/(Gasuu/2):0,akoGaI=Gasuu,saidaikuru,zenhaba,
akoGahyasa=false,kazu,akoGahidari,akoGahanbun=Gasuu/2;
function mawaru(){
if(document.getElementById){
for(kazu=0;kazu<Ga.length;kazu+=2){
akoGa[kazu]=new Image();akoGa[kazu].src=Ga[kazu]}
saidaikuru=Gahaba/Math.sin(Math.PI/Gasuu)+akoGahanbun+1;
akoGadiv=document.getElementById("mawaru");
for(kazu=0;kazu<akoGahanbun;kazu++){
mawaruGa[kazu]=document.createElement("img");akoGadiv.appendChild(mawaruGa[kazu]);
mawaruGa[kazu].style.position="absolute";
mawaruGa[kazu].style.top=0+"px";
mawaruGa[kazu].style.height=Gatakasa+"px";
if(Gasen){
mawaruGa[kazu].style.borderStyle="solid";
mawaruGa[kazu].style.borderWidth=1+"px";
mawaruGa[kazu].style.borderColor=Gaseniro}
mawaruGa[kazu].src=Ga[2*kazu];
mawaruGa[kazu].lnk=Ga[2*kazu+1];
mawaruGa[kazu].onclick=tobu;
mawaruGa[kazu].onmouseover=tome;
mawaruGa[kazu].onmouseout=saido}
akoImg()}}
function akoImg(){
if(!akoGahyasa){
zenhaba=0;
for(kazu=0;kazu<akoGahanbun;kazu++){
akoGahaba[kazu]=Math.round(Math.cos(Math.abs(akokuru[akokuruo+kazu]+akoGaA))*Gahaba);
zenhaba+=akoGahaba[kazu]}
akoGahidari=(saidaikuru-zenhaba)/2;
for(kazu=0;kazu<akoGahanbun;kazu++){
mawaruGa[kazu].style.left=akoGahidari+"px";
mawaruGa[kazu].style.width=akoGahaba[kazu]+"px";
akoGahidari+=akoGahaba[kazu]}
akoGaA+=Hayasa/720*Math.PI*(GaD?-1:1);
if((GaD&&akoGaA<=0)||(!GaD&&akoGaA>=Math.PI/akoGahanbun)){
if(akoGaI==Ga.length)akoGaI=0;
if(GaD){
mawaruGa[akoGahanbun]=mawaruGa[0];
for(kazu=0;kazu<akoGahanbun;kazu++)mawaruGa[kazu]=mawaruGa[kazu+1];
mawaruGa[akoGahanbun-1].src=Ga[akoGaI];
mawaruGa[akoGahanbun-1].lnk=Ga[akoGaI+1]}
else{ for(kazu=akoGahanbun;kazu>0;kazu--)mawaruGa[kazu]=mawaruGa[kazu-1];
mawaruGa[0]=mawaruGa[akoGahanbun];
mawaruGa[0].src=Ga[akoGaI];
mawaruGa[0].lnk=Ga[akoGaI+1]}
akoGaA=GaD?Math.PI/akoGahanbun:0;akoGaI+=2}}
setTimeout("akoImg()",50)}
function tobu(){if(this.lnk)window.location.href=this.lnk;}
function tome(){this.style.cursor=this.lnk?"pointer":"default";akoGahyasa=true;}
function saido(){akoGahyasa=false}
//-->
</script>
- 3 名前： PUREST 投稿日：2005/12/03(土) 09:17 ID:???
- CSSを使わなくてよければ、
<div id="mawaru" style="position:relative"></div>
ではダメですか？
- 4 名前： PUREST 投稿日：2005/12/03(土) 09:18 ID:???
- 上のはなし。これです。
<div id="mawaru" align="center"></div>
- 5 名前： スパム投稿 （削除） 投稿日：2009/01/02(金) 00:29 ID:スパム投稿 （削除）
- スパム投稿 （削除）
- 6 名前： スパム投稿 （削除） 投稿日：2009/01/09(金) 08:52 ID:スパム投稿 （削除）
- スパム投稿 （削除）
- 7 名前： スパム投稿 （削除） 投稿日：2009/01/09(金) 16:20 ID:スパム投稿 （削除）
- スパム投稿 （削除）
- 8 名前： スパム投稿 （削除） 投稿日：2009/02/17(火) 21:44 ID:スパム投稿 （削除）
- スパム投稿 （削除）
- 9 名前： スパム投稿 （削除） 投稿日：2009/04/03(金) 11:31 ID:スパム投稿 （削除）
- スパム投稿 （削除）
- 10 名前： スパム投稿 （削除） 投稿日：2009/04/03(金) 11:31 ID:スパム投稿 （削除）
- スパム投稿 （削除）
- 11 名前： スパム投稿 （削除） 投稿日：2009/04/03(金) 11:31 ID:スパム投稿 （削除）
- スパム投稿 （削除）
-
|
/