ホームページ > ウェブフロントエンド > htmlチュートリアル > iframe を使用して Web ページに天気を表示する方法を教えます_html/css_WEB-ITnose

iframe を使用して Web ページに天気を表示する方法を教えます_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:56:49
オリジナル
1330 人が閲覧しました

出典: http://www.ido321.com/921.html

css:

rree rree

   1: *{margin:0;padding:0;list-style-type:none;}
ログイン後にコピー
   2: a,img{border:0;}
ログイン後にコピー
   3: body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";}
ログイン後にコピー
   4:
ログイン後にコピー
   5: /* demo */
ログイン後にコピー

html:

RREE RREE RREE RREE RREE RREE RREE RREE RREE

   6: .demo{width:800px;margin:0 auto;}
ログイン後にコピー
   7: .demo div{margin:40px 0 0 0;}
ログイン後にコピー
   1: <div class="demo">
ログイン後にコピー
   2:
ログイン後にコピー
   3:    <div>
ログイン後にコピー
   4:        <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=2&num=5" width="650" height="70" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
ログイン後にコピー
   5:    </div>
ログイン後にコピー
   6:
ログイン後にコピー
   7:    <div>
ログイン後にコピー
   8:        <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=7" style="border:solid 1px red" width="225" height="90" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
ログイン後にコピー
   9:    </div>
ログイン後にコピー
  10:
ログイン後にコピー
  11:    <div>
ログイン後にコピー
  12:        <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=9" width="800" height="60" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
ログイン後にコピー
  13:    </div>
ログイン後にコピー
  14:
ログイン後にコピー

エフェクトの一部:

プロジェクトで次のエフェクトを作成しました

デモアドレス: http://jsfiddle. net/2yfL8x0g/embedded/result/

次の記事では、月の日付を取得する方法について説明します: http://www.ido321.com/926.html

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート