Maison >interface Web >tutoriel HTML >iframe affiche la météo sur une page Web avec des captures d'écran des effets

iframe affiche la météo sur une page Web avec des captures d'écran des effets

高洛峰
高洛峰original
2017-02-25 14:11:411291parcourir

Cet article présente principalement l'utilisation de l'iframe pour afficher la météo sur les pages web. Cette fonction est assez pratique et facile à mettre en œuvre. Les amis qui en ont besoin peuvent y jeter un oeil. css :

*{margin:0;padding:0;list-style-type:none;} 
a,img{border:0;} 
body{font:12px/180% Arial, Helvetica, sans-serif, "新宋体";} 
/* demo */ 
.demo{width:800px;margin:0 auto;} 
.demo p{margin:40px 0 0 0;}


html :

<p class="demo"> 
<p> 
<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> 
</p> 
<p> 
<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> 
</p> 
<p> 
<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> 
</p> 
<p> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=11" width="500" height="15" frameborder="0"></iframe> 
</p> 
<p> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=13" width="650" height="221" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</p> 
<p> 
<iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=19" width="800" height="120" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> 
</p> 
</p>


Partie de l'effet :
iframe affiche la météo sur une page Web avec des captures décran des effets
Je suis dans le projet J'ai créé l'effet suivant
iframe affiche la météo sur une page Web avec des captures décran des effets

Pour plus d'iframes permettant d'afficher la météo dans les pages Web avec des captures d'écran des effets, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn