Use iframe to display weather effects on web pages
|
CSS: Copy code The code is as follows:*{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 div{margin:40px 0 0 0;} html: Copy code The code is as follows:<div class="demo"> <div> <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> </div> <div> <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> </div> <div> <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> </div> <div> <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&id=11" width="500" height="15" frameborder="0"></iframe> </div> <div> <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> </div> <div> <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> </div> </div> Some effects:  I made the following effect in my project  |
<<: The impact of limit on query performance in MySQL
>>: Nginx source code compilation and installation process record
Recommend
How to configure Nginx to distinguish between PC or mobile phone access to different domain names
The new official website is online, but the exper...
MySQL index coverage example analysis
This article describes MySQL index coverage with ...
Detailed explanation of React component communication
Table of contents Component Communication Introdu...
Windows platform configuration 5.7 version + MySQL database service
Includes the process of initializing the root use...
The whole process record of introducing Vant framework into WeChat applet
Preface Sometimes I feel that the native UI of We...
Detailed explanation of the use of IF(), IFNULL(), NULLIF(), and ISNULL() functions in MySQL
In MySQL, you can use IF(), IFNULL(), NULLIF(), a...
Detailed installation tutorial of zabbix 4.04 (based on CentOS 7.6)
1. Preparation before installation: 1.1 Install J...
Analysis of the situation where js determines and informs the support of CSS attributes (values)
When we want to use a new CSS feature, we always ...
Summary of Linux environment variable configuration methods (differences between .bash_profile and .bashrc)
Under Linux, if you download and install an appli...
Introduction to JavaScript built-in objects
Table of contents 1. Built-in objects 2. Math Obj...
Detailed explanation of the problem of configuring servlet url-pattern in tomcat
When configuring web.xml for tomcat, servlet is a...
Understand CSS3 FlexBox elastic layout in 10 minutes
Basic Introduction Features Flexbox is a CSS disp...
HTML+CSS+JS realizes the scrolling gradient effect of the navigation bar
Table of contents First look at the effect: accom...
How to automatically deploy Linux system using PXE
Table of contents Background Configuring DHCP Edi...
Detailed explanation of three ways to set borders in HTML
Three ways to set borders in HTML border-width: 1...