Maison > Article > interface Web > iframe affiche la météo sur une page Web avec des captures d'écran des effets
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 :
Je suis dans le projet J'ai créé l'effet suivant
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 !