- ベストアンサー
ネスケ6.0で文字を横スクロールさせたい
htmlタグのMARQUEEのように、java script でテキストを横にスクロールさせたいのですが、 どうしてもネスケ(6.0)で動作しません。 いろいろjavascriptのホームページを見たのですが、<MARQUEE>のような動きを再現できずこまっています。 以下のようなMARQUEEでの動きをNN4.7以上・IE5.5以上でも再現したいです。 <MARQUEE WIDTH=300 BEHAVIOR=SCROLL>あああ</MARQUEE> どうかお力添えをお願い致します。
- kanntomi
- お礼率27% (19/69)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
一例として上げておきます(汗 一応こんなやり方もあるということで・・・ <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <SCRIPT LANGUAGE="JavaScript" > var step = 2; // スクロールの動く間隔。1なら1ドットずつ動く var timer = 20; // スクロールのスピード。1/1000秒。 var stilltime = 0; // 止まる長さ(一時停止) // dom : 3 .. Internet Explorer 5.5 win // 2 .. NetScape Navigator 4.57 win dom=(document.all?3:(document.getElementById?1:(document.layers?2:0))); var scrolled = 0, scrollWidth, div; var currColmn=-1; var stoppos = 0; var stoptime = stilltime; newstext = new Array(); function startScroll() { if (scrolled < stoppos) { scrolled += step; if (dom == 1 || dom == 3) div.style.left = -scrolled; if (dom == 2) div.left = -scrolled; setTimeout("startScroll()",timer); stoptime = stilltime; } else if( stoptime > 0 ) { stoptime--; setTimeout("startScroll()",timer); } else { currColmn += 1; currColmn %= newstext.size; stoppos += 600; if( stoppos > 600*newstext.size ) { stoppos = 0; startPos = 0; scrolled = startPos; setStartPos(); } setTimeout("startScroll()",timer); } } function setStartPos() { if (dom == 1 || dom == 3) div.style.left = -startPos; if (dom == 2) div.left = -startPos; } function getScrollWidth() { if (dom == 1) { div = document.getElementById("scrollLay"); var h = div.offsetWidth; } if (dom == 2) { div = document.layers['parentLay'].layers['clipLay'].layers['scrollLay']; var h = div.clip.width; } if (dom == 3) { div = document.all("scrollLay"); var h = div.offsetWidth; } if (dom) { startPos = 0; scrollWidth = h; scrolled = stoppos; stoptime=50;//初期表示時の時間 setStartPos(); startScroll(); } } window.onload = getScrollWidth; newstext.size = 1; newstext[0] = "<FONT SIZE='2' COLOR='#FFFFFF'>※ あああ</FONT><BR>"; </SCRIPT> </HEAD> <BODY bgcolor="#333333" fgcolor="#ffffff" link="#B7B7FF" vlink="#FFd0AA"> <FONT COLOR="#ffffff"> <ILAYER name="parentLay" bgcolor="#888888" width="3100" height="200" > <DIV id="clipLay" bgcolor="#774444" style="position:absolute; top:0; width:620px; height:140px; margin:5px;"> <DIV bgcolor="#447744" id="scrollLay" style="position:absolute; margin-top:0; top:-4; align=middle; width:3100px; height:35px;"> <TABLE BORDER="0" BGCOLOR="#333333" width=2000 height=26> <TR HEIGHT="26" VALIGN="top"> <SCRIPT> var i; for( i=0; i< newstext.size; ++i ) { document.write( "<TD>" + newstext[i] + "</TD>" ); } for( ; i < 5 ; ++i ) { document.write( "<TD>" + newstext[0] + "</TD>" ); } </SCRIPT> </TR></TABLE> </DIV> </DIV></ILAYER> </FONT> </BODY> </HTML>
関連するQ&A
- 文字列をスクロールさせたい(フォームを使わずに)
頁の任意の位置でスクロールする、『文字列』を入れたいんです。 ただし、フォームの中をスクロールさせるとか、ステータスバーの中に表示するとかは使わずに、あくまでも頁の中の文字列の1行だけをスクロールさせたいのです。<MARQREE>タグだと、ieでは見られるけどネスケには使えないと本には書いてあるのですが、ieとNNの両方で見られるようにしたいのです。 まだ、始めたばかりで、あまり難しいjavascriptは解らないのですが、どなたか、教えていただけないでしょうか。 よろしくお願いします!
- ベストアンサー
- JavaScript
- <iframe 内のスクロール
<iframe タグを使って、JavaScript でスクロールをさせたいの ですが、 <iframe width=150 height=200 src="test.htm"></iframe> 上記これだとスクロールしてくれるのですが、 <iframe width=150 height=200 src="http;//google.co.jp"></iframe> これだとスクロールしてくれません。 JavaScript は scroll(); を使ってます。 これは自前ページだけで、既存サイトのスクロールは無理なのでしょうか。 (http: だとアンカーになって見にくいので http; にしてます)
- 締切済み
- JavaScript
- 自動的にスクロールするようにするには
文章が自動的にスクロールするようにしたいので本を見ながらやってみたらできたのですが・・・ 下がる速度が思ってたほど遅いです。個人的にはもっと高速で下に下がって欲しいのですが超低速で下がっていきます。どうすれば早くなるか教えてください。それともこれ以上早くは下がってくれないとか? <html> <body> <head> <title></title> </head> <body> <script language="javascript"> <!-- count = 0; var timerlD; function Scroll(){ count += 1; if( count < 600) { scroll(0, count ); } else{ cleartimeout( timerlD ); count = 0; return; } timerlD = setTimeout( "Scroll()", 1 ); } //--> </script> ここに自動的にスクロールする文章を打ってます。 gooに投稿できる文字数の関係で消しました。 <!--最後にスクロールON! --> <script language="javascript"> Scroll(); </script> </body> </html>
- ベストアンサー
- JavaScript
- 動く文字<MARQUEE>
動かしたい文字を1回のみループさせ画面左端に止める処理について教えて下さい。 文字スクロール回数の設定をする<marquee loop=○>~</marquee>と 画面端で動作停止する<marquee behavior=slide>~</marquee>の併用をしようとしているのですがやり方がわかりません。 動かしたい文字を1回のみループさせ画面端に止めるタグを教えていただけると幸いです。ご回答お待ちしております。
- ベストアンサー
- HTML
- マウスカーソルに応じたmcのスクロール(ループ型)
マウスカーソルに応じて、複数配置してるmcがカーソルに合わせてスクロールして、ステージからはみ出したら、はみ出した側のステージの反対から出てくるっていうscriptを作ったのですが、うまくいきません。ループしてくれないんです。 ---- _root ---------------------- menu.mcというのがあり、そのmcの中にmenu01.mc、menu02.mc、menu03.mc・・・という感じでmcが配置してあります。menu.mc自体に別のスクリプト掛けてるので、こういう形にしてます。 ---- _root>menumc ---------------------- menu01.mcなどそれぞれのmenuのmcが入ってます。 さらに、それぞれのmcの中にscroll.mcというのをおき、そのscroll.mcにscriptが書いてあります。 ---- _root>menu.mc>menu01.mc 内scroll.mcのscript------ _visible = false; center = Stage.width/2; halfWidth = _parent._width/2; this.onEnterFrame = function() { with(_parent){ //Scroll Speed if (_root._xmouse<=180 || (_root._xmouse>250) && (_root._xmouse<=429)) { moveX = (center-_root._xmouse)/15; }else if(_root._xmouse>180 && _root._xmouse<=250){ moveX = 0; } _x = _x+moveX; //Return Scroll if(_x > Stage.width+halfWidth){ _x -= _width+Stage.width; }else if(_parent._x < -halfwidth){ _x += _width+Stage.width; } } }; --------------------- で、これだときちんと思ったような動きでスクロールはするんですが、ただループしてくれないんです。しかもスクロールする毎にそれぞれのmcの間隔がずれてる気がします。最悪の場合だと、mcの上に別のmcが重なったりしてます。 なぜ、このような現象になってしまうのでしょうか?
- 締切済み
- Flash
- クリックすると横にスムーズスクロールするもの
いつもお世話になっております。 何度かこの質問をさせて頂いたのですが、また挑戦しているので教えて下さい。 ※長文です。 矢印をクリックすると下の「内容」というテーブルが左右にスムーズスクロールするものを作りたいと思っています。 分かりやすく言うとアップルの動画のページのようなjavascriptを組みたいのです。 ┌──┐ ← │内容│ → └──┘ 今やってみているのは 以下のURLのマウスオーバーでテーブルの内容が上下にスクロールするというものを マウスオーバーではなくクリックにして、上下スクロールではなく左右のスクロールにする。 http://www.makoto3.net/softbank/fix/ss063/ss063.html onclickにしてもマウスオーバーのイベントが残っている感じでマウスが乗っている間はスクロールしていまいます。 次に http://www.akikobrand.com/html/index.html こちらの「Javascriptで横スクロールさせる」を作り替えて </script> </head>以降を <a HREF='#'>→</a> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0"> <div style="overflow:auto;width:100px;"> <table border="1" cellpadding="0" cellspacing="0" width="1800"> <tr> <td width="600"><img src="001.jpg" border="0"> </td> <td width="600" valign="bottom"><a name="javascript:slidePage(true,0,600)"></a> <img src="002.jpg" border="0"> </td> <td valign="bottom"><img src="003.jpg" border="0"> </td> </tr> </table> </div> としてみましたが、スムーズスクロールにならないのと、矢印のクリックが一度しかききません。 これをクリックする毎に右へ移動するようにしたいです。 この場合どちらを使えば良いか、またその場合どうすればいいかどなたか宜しくお願い致します。
- 締切済み
- JavaScript
- CSSでスクロールバー
CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか?右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか??
- ベストアンサー
- HTML
- Jqueryでリストのスクロール
<ul><li></li></ul>にて作成したリストで選択した行の背景色を変更し、選択した行が リストの先頭にスクロールするするサンプルを試しに作成してみました。 Jqueryを使用して下記のように作成してみましたが選択行がリストの先頭にうまくスクロールしずに 微妙な位置までスクロールして止まってしまいます。うまくリストの先頭に来るようにスクロールさせる にはどのようにすればよろしいでしょうか。 【サンプル】 <html> <head> <meta charset="UTF-8" /> <script type="text/javascript" src="../jquery-1.6.1.min.js"></script> <script type="text/javascript"> $(function(){ $("ul.update-scroll li").click(function() { $("ul.update-scroll li").each(function(){ // 既に選択済の場合、選択を解除 if( $(this).hasClass("selected") ) { //alert( $(this).text() ); $(this).toggleClass("selected"); } }); // 選択済に変更 $(this).toggleClass("selected"); // 選択済の位置がリストの先頭に来るようにスクロール //var i = $(this).index(); var p = $(this).offset().top; //alert(p); $("ul.update-scroll").animate({ scrollTop: p }, "fast"); }); }); </script> <title>CSS</title> <style type="text/css"> ul.update-scroll { list-style-type: none; width: 400px; height: 100px; overflow-y: scroll; border: 2px solid #bbb; padding-left: 1.5em; } ul.update-scroll li { margin-top: 0.3em; } ul.update-scroll li.selected { background:red; } ul.update-scroll a { text-decoration: none; } </style> </head> <body bgcolor="rgba(255,0,0,0.15)"> <ul class="update-scroll"> <li>[2010/01/03]: <a href="javascript:void(0);">項目10</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目9</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目8</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目7</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目6</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目5</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目4</a></li> <li>[2010/01/03]: <a href="javascript:void(0);">項目3</a></li> <li>[2010/01/02]: <a href="javascript:void(0);">項目2</a></li> <li>[2010/01/01]: <a href="javascript:void(0);">項目1</a></li> </ul> </body> </html>
- ベストアンサー
- JavaScript
- tableで横スクロールバーが・・
tableの高さがブラウザの表示範囲を超えると 少しだけ右の方に空白ができ、 横スクロールバーが出てきて醜い状態になってしまいます。 タグは、大まかにこのような感じで、 外部スタイルシートを適用させていて、 tableには枠線をつけています。 <body scroll="auto"> <table style="width:720px;" class="枠線、パディング、マージン等"> <tr> <td colspan="2" style="background-image:url("***.jpg(720x150pxの画像)"); width:720px;height:150px;"> <a href="リンク">リンク</a> </td> </tr> <td colspan="1" width="100%"> <!メニュー部分> </td> <td colspan="1"> <!本文部分> </td> </tr> <tr> <td> <!著作権表示> </td> </tr> </table> </body> 本文が少なければ、tableの高さがブラウザの表示範囲の中に収まるので 横スクロールバーは出ませんが、 収まらないときには横スクロールバーが出てしまいます。 横スクロールバーを出さないようにするにはどうすればよいのでしょうか? 分かりにくい箇所があればご指摘をお願いします。 回答をお待ちします。
- ベストアンサー
- CSS
- Javascriptで開いたWindowのスクロール
<SCRIPT language="JavaScript"><!-- function openWin2() { window.open("http://www.OOOO/hanbai.htm","通信販売法","width=636,height=250,menubar=no,location=no,left=10,top=30") } // --></SCRIPT> <SCRIPT language="JavaScript"><!-- function openWin1() { window.open("http://www.OOOO/souryou.htm","送料について","width=579,height=240,scrollbars=no,location=no,menubar=no,left=10,top=30") } // --></SCRIPT> 上記の文で、「送料について」はスクロールバーがなくて OKなのですが、 「通信販売法」は、スクロールバーを出したいのですが、 上の文では、スクロールバーは出てきません。 (表示サイズで途切れてしまう) どう直せば、スクロールバーが出てきますでしょうか??
- ベストアンサー
- JavaScript
お礼
お礼が遅くなりすみません。 ご丁寧にソースまで頂きありがとうございます。 これを参考にして作成してみたいと思います。