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 use regular expression query in MySql
Regular expressions are often used to search and ...
How to install Apache service in Linux operating system
Download link: Operating Environment CentOS 7.6 i...
A brief discussion on the understanding of TypeScript index signatures
Table of contents 1. What is an index signature? ...
What are the attributes of the JSscript tag
What are the attributes of the JS script tag: cha...
MySQL log trigger implementation code
SQL statement DROP TRIGGER IF EXISTS sys_menu_edi...
Docker and portainer configuration methods under Linux
1. Install and use Docer CE This article takes Ce...
Solution to Ubuntu not being able to connect to the Internet
Problem description: I used a desktop computer an...
mysql solves the problem of finding records where two or more fields are NULL
Core code /*-------------------------------- Find...
Several ways to center a box in Web development
1. Record several methods of centering the box: 1...
How to view Linux ssh service information and running status
There are many articles about ssh server configur...
How to use CSS to center a box horizontally and vertically (8 methods)
Original code: center.html : <!DOCTYPE html>...
CSS3 achieves conic-gradient effect
grammar: background-image: conic-gradient(from an...
Example steps for implementing class selectors and name attribute selectors in js
The emergence of jQuery has greatly improved our ...
Summary of using the exclamation mark command (!) in Linux
Preface Recently, our company has configured mbp,...
HTML css js implements Tab page sample code
Copy code The code is as follows: <html xmlns=...