http://www.9031.com/scrap/のページにあるような、画像の外枠を「動く切り取り線」にするソース(素材)を紹介したページはありますか

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2003/08/28 06:01:25
  • 終了:--

回答(2件)

id:u_ra_ra No.1

u_ra_ra回答回数105ベストアンサー獲得回数02003/08/28 11:34:35

ポイント10pt

http://www.hajimeteno.ne.jp/

初めてのホームページ講座

http://webtakurou.hp.infoseek.co.jp/

HTML〜Hypertext Markup Language〜

http://www5e.biglobe.ne.jp/~access_r/

ACCESS R - HTML,DHTML,CSS,JavaScript,CGI,アクセス

http://www.ne.jp/asahi/minazuki/bakera/html/hatomaru

HTML鳩丸倶楽部 ☆ 水無月ばけらのHTML蘊蓄サイト

http://www2a.biglobe.ne.jp/~sunhouse/index55.htm

**************** 三姉妹 IE6専用 (Team of sunHouse)

HTML・CSS・DHTMLなどを取り扱っている各種サイトです。

上5つは解説も交えた分かりやすいサイトです。

それ以外は、解説も付いていますが中級者から上級者向けの凝ったテクニックを開設しているサイトです。

ホームページの作成に余り慣れていないようでしたら、まず上2つのサイトを覗いてみることをお勧めいたします。

id:u_ra_ra No.2

u_ra_ra回答回数105ベストアンサー獲得回数02003/08/28 11:18:56

ポイント40pt

一番手っ取り早いのはご質問にあるページのソースを見ることです。

動く点線はcssとアニメーションgifにより実現されています。

gifファイル『ants.gif』をタイルのように並べて、その上に画像はいるを重ねて表示しています。

ただ単に、『画像の外枠を「動く切り取り線」』を表示させたいだけであれば、ソースのcssに関する部分<style>〜</style>の部分をまねてしまえばOKです。

あとは画像を表示した状態にして、タブブラウザなどで『選択部分のソースを表示する』機能を使って、『<DIV id=marquee style=〜</DIV>』の部分と『<DIV id=img style=〜</DIV>』の部分を見れば表示方法も分かると思います。

(marqueeがアニメーションgif部分で、imgが上に被さっている実際の表示画像です。

実際に中身を見て動作を確認いたしましたので間違いは在りません。本当はソースがどうなっているかもう少し詳しく書きたいところですが、著作的な問題も在りますのでここにソースを公開することは出来ません。

ごめんなさい

フリーソフトウェアのタブブラウザ『Sleipnir』のホームページです。

このブラウザは『選択部分のソースを表示する』機能を持っております。

画像を表示した状態で『すべて選択』し、『選択部分のソースを表示する』とすると表示されている部分の実際のソースが見れます。

ただし、このブラウザはWindows用です。

もし、貴方がお使いのコンピュータがMacならば使用できません。

ただ、同様の機能を持ったソフトはMacにもあるはずですので、そういったソフトを利用されれば上記の作業は可能です。

id:caster1

ありがとうございました!

2003/08/28 17:50:58

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません