以前どこかのHPのJavaScriptのサンプルに
"画像の上に文字を表示させる"
(文字の表示がないアイコンの土台の画像などの上に
BBSなどの文字を書き込めるといった感じです。)
というのがあったのですが、どこのHPかわからなくなってしまいました。

Yahooやgooなどで一通りサンプルを乗せているHPはあたったのですが
見つかりませんでした。どなたか御存知の方いらっしゃいませんか?
サンプルのあるHPのアドレスでも、プログラム自体でも
どちらでもかまいませんので教えてください。

ついでといってはなんですが、その画像と文字を普通の
アイコンとして使えるしょうか?

教えてください。お願いします。

このQ&Aに関連する最新のQ&A

A 回答 (2件)

HTMLなら


<TABLE BACKGROUND=画像ファイル名>
<TR><TD>BBS</TD></TR>
</TABLE>
こんな感じでできそうです。

参考URL:http://tohoho.wakusei.ne.jp/www.htm
    • good
    • 0
この回答へのお礼

御解答ありがとうございます。
HTMLでできないかと本屋で参考書を立ち読みして探したのですが
なかったので、あきらめていました。
参考にさせていただきます。

お礼日時:2001/05/30 16:10

ここのJavaScript講座のサンプルプログラム、その他の3


だと思います。
あと、普通のアイコンとして使えるはずです。
ただ、動作確認まではしていませんけど、、、

参考URL:http://www2s.biglobe.ne.jp/~club_tom/
    • good
    • 0
この回答へのお礼

御解答ありがとうございます。
たぶん自分が見たページとは違いますが
同じ事ができるようなのでここのサンプルを参考にさせていただきます。
アイコンとして使えるかどうかやってみます。
ありがとうございました。

お礼日時:2001/05/30 16:14

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q背景色のついでに文字色もかえてみたい

できるかどうかを教えてください。
JavaScriptを使用して、背景色を変更することができるとおもいますが、
このとき、ついでに文字色なんかも変更することなんて、できちゃったりするのでしょうか?
いろいろなHPを見てみましたが、そのような解説にあたりませんでした。
もし、そういった解説の載っているHPをご存知でしたらお教えください。
教えてくだされば、がんばって自分で勉強してみますので、ごめんどうはおかけいたしません。
よろしくお願い申し上げます

Aベストアンサー

文字色は document.fgColor で変更可能です。

たとえば、
----------------------------------------------------------------------
onClick="document.bgColor='black'; document.fgColor='white'"
----------------------------------------------------------------------
のようにすれば、背景色が黒で文字色が白に同時に変更が可能です。
上の例のように1行で複数の命令を書く場合は
;(セミコロン)で区切って書いていけばOKです。

参考URL:http://tohoho.wakusei.ne.jp/js/document.htm#fgColor

Qjavascriptの円形画像ギャラリーのサンプル

こんにちは、現在ホームページを作ろうと思っていて
1点javascriptによる実装を考えております。

http://www.flashmo.com/preview/flashmo_098_3d_curve_wall
がイメージに近いのですが、これだとflashなので、
これに似たjavascriptを探しております。
(・ドラッグとかでスピードが変わらなくてもよく、
  単にゆっくり回転している物を探しております。
 ・単に画像ギャラリーのsliderを少し円形(3D)にしたものを
  探しております。)

なにか情報がございましたら
どんな情報でも良いので、ご相談させてくださいませ。

失礼致します。

Aベストアンサー

 function sinIntDeg (n) {
  return bufSin [n % 360 |0];
 }
 

 function cosIntDeg (n) {
  return bufCos [n % 360 |0];
 }
 
 
 function aryToFixedString (ary) {
  return ary.map (function (a) { return a.toFixed (10); } ).join (',');
 }
 

 function Tile (image, distance, angle, scale, offsetHeight) {
  this.image = image;
  this.distance = distance;
  this.angle = angle;
  this.scale = scale;
  this.offsetHeight = offsetHeight;
  this.position = {};
  this.rotate ();
 }


 function TileRotateY (stepAngle) {
  var a = this.angle += stepAngle || 0;
  var r = this.distance;
  
  this.position = {
   x: sinIntDeg (a) * r,
   y: this.offsetHeight,
   z: cosIntDeg (a) * r
  };
  
  return this;
 }
 
 
 function TileCreate (image, distance, angle, scale, offsetHeight) {
  if (arguments.length < 2)
   throw new Error;
  
  return new Tile (
   image,
   distance || 100,
   angle || 0,
   scale || 1,
   offsetHeight || 0
  );
 }
 

 Tile.prototype.rotate = TileRotateY;
 Tile.create = TileCreate;
 
 //________________________
 
 function FloorMember (member, angle, step) {
  this.member = member;
  this.angle = angle;
  this.step = step;
  this.timerId = null;
 }
 
 
 function FloorMemberRotate () {
  this.angle += this.step;
  
  this.member.forEach (function (tile) {
   var p = tile.rotate (this.step).position;
   var sin = sinIntDeg (tile.angle);
   var cos = cosIntDeg (tile.angle);
   var ary = [
    tile.scale * cos,       0,        -sin,      0,
            0,  tile.scale,         0,      0,
           sin,       0,  tile.scale * cos,      0,
           p.x,      p.y,        p.z,      1
   ];

   tile.image.style['-webkit-transform'] = 'matrix3d('+ aryToFixedString (ary)+')';
  }, this);
 }
 
 
 function FloorMemberStart () {
  var that = this;
  var func = function () { that.rotate (); };
  if (! this.timerId) {
   this.timerId = setInterval (func, 30);
  }
 }
 
 
 function FloorMemberCreate (images, radius, offsetFloor, step) {
  if (arguments.length < 2)
   throw new Error;
  
  var member = [];
  var imgs = Array.prototype.slice.call (images, 0);
  var len = imgs.length;
  var side = int (radius * 2 * Math.tan (Math.PI / len) + 0.5);
  var img;
  var aspectRatio = parseInt (imgs[0].height, 10) / parseInt (imgs[0].width, 10);
  var height = int (side * aspectRatio + 0.5);
  var offsetHeight = (offsetFloor || 0) * height;
  var n = 360 / len;

  for (var i = 0; i < len; i++) {
   img = imgs[i];
   img.width = String (side);
   img.height = String (height);
   member.push (new Tile (img, radius, n * i, 1, offsetHeight));
  }
  
  return new FloorMember (member, 0, step || 1);
 }
 
 
 FloorMember.prototype.start = FloorMemberStart;
 FloorMember.prototype.rotate = FloorMemberRotate;
 FloorMember.create = FloorMemberCreate;
 
 this.FloorMember = FloorMember;
}) ();


FloorMember.create (document.querySelectorAll ('#screen img[alt="f0"]'), 1000, 0, 1).start ();
FloorMember.create (document.querySelectorAll ('#screen img[alt="f1"]'), 1000, 1, 2).start ();
FloorMember.create (document.querySelectorAll ('#screen img[alt="f2"]'), 1000, 2, 3).start ();

</script>

ipad2 で、うごかしてみました。 そこそこ速くうごきますよ!

 function sinIntDeg (n) {
  return bufSin [n % 360 |0];
 }
 

 function cosIntDeg (n) {
  return bufCos [n % 360 |0];
 }
 
 
 function aryToFixedString (ary) {
  return ary.map (function (a) { return a.toFixed (10); } ).join (',');
 }
 

 function Tile (image, distance, angle, scale, offsetHeight) {
  this.image = image;
  this.distance = distance;
  this.angle = angle;
  this.scale = scale;
  this.offsetHeight = offsetHeight;
  this.position =...続きを読む

Qアンドロイドでも使えるスライドショー サンプル

こんにちは、
pc、アンドロイドでも使えるスライドショーのサンプルを探しています。
お勧めありますでしょうか?

http://www.agilecarousel.com/flavor_1.htm
とかあったのですが、このコードだけでは動かなかったもので。

Aベストアンサー

検索したみただけなので、内容は調べていませんが…


http://html5-css3.jp/smartphone/iphone-android-jquery.html
http://www.photoswipe.com/
http://screw-axis.com/2011/12/19/jquery-mobile-pagination/
http://www.checkoutthelatest.com/test/sebastian

Qマウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示する

マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示するようにしたいのですが、どのようなHTMLタグやjavascriptを使えばいいですか?

Aベストアンサー

4つ上の質問と似ていますね。
 http://oshiete1.goo.ne.jp/qa4606506.html
そこで質問されているライブラリを利用すれば、比較的簡単かと…

残念ながら、ライブラリのHPがつながりませんが、サンプルページが残っていましたので
 http://boxover.swazz.org/example.html​

Qalertで、アイコンの変更、又は、文字色変更・・・。

alertで、アイコンの変更、又は、文字色変更・・・。

ご存知の方、教えてください。
alertコマンドで表示されるポップアップについて、
「黄色い△印に"!"マーク」の絵が表示されますが、
この絵を他の絵に変えることはできるのでしょうか。
(vbやMicrosoftAccessのメッセージボックスのように。)

あるいは、ポップアップに表示するコメントのフォントや文字色を指定することはできるのでしょうか。

よろしくお願いします。
 

Aベストアンサー

vbscriptを使えば、ある程度までダイアログの変更はできますがIE限定になります


このカテゴリの人気Q&Aランキング

おすすめ情報