HTML multimedia application: inserting flash animation and music into web pages

1. Application of multimedia in HTML_falsh animation (inserting Flash animation into web pages)

1. Flash animation insertion method 1: Use the <embed>...</embed> tag and the animation will automatically shrink

property:
src=url(Flash path)
width=pixel/percentage (flash width)
height=pixel/percentage (falsh height)
wmode
Window makes Flash's own rectangular window play
opaque makes the flash hidden on the page behind it
transparent makes the flash background transparent

2. The second method of inserting Flash animation: Use the <object>...</object> tag to insert Flash animation. You can also use the DW software to automatically generate the code <object>, insert--multimedia--select file

2. Application of multimedia in HTML_mp3 (inserting music into web pages)

1. Use <embed>...</embed>
Property Value Description
utostart true/false automatic/non-automatic play
loop number The number of times the music loops (no addition means infinite)

Its predecessor is <bgsound src="URL" loop="number"> which can be used as background music

Copy code

The code is as follows:

2. Use the <object>...</object> tag to insert MP3 music Attribute Value Description
name src (path) music path
utoplay (true/false) whether to play automatically

Copy code

The code is as follows:

3. Set movable text

<marquee>Moveable text</marquee> (limited, some browsers don't support it well)

property:
direction="Scroll direction" (left (default), right (right), up (up), down (down))
behavior="scroll mode" (scroll (go around in circles), slide (go only once), alternate (go back and forth))
loop="Number of scrolling cycles" The default loop is infinite (infinite)
scrolldelay="delay" (go one step, stop one step)
scrollmount="speed" (the larger the value, the faster)
bgcolor="background color"
width="width"
height="height"
hspace="pixel" The spacing between the left and right sides of the browser border
vspace="pixel" The spacing between the top and bottom sides of the browser border
onmouseover="this.stop()": Stop scrolling when the mouse is placed on it
onmouseout="this.start()" Take the mouse away and continue scrolling

Copy code

The code is as follows:

<body>
<marquee direction="left" behavior="scroll" scrollamount="3" bgcolor="#FFFFCC" width="440" height="250" hspace="100" vspace="100" onmouseover="this.stop()" onmouseout="this.start()">
<ul type="square">
<li>Li Dongsheng, deputy minister of the Ministry of Public Security, was investigated. The central government's anti-corruption campaign has penetrated the top levels of the Political and Legal Affairs Commission</li>
<li>Reuters: Belgian company wrote code for China's BeiDou system</li>
<li>We-media changes: entertainment industry agent model is worth a try</li>
<li>State Council think tank criticizes banks for excessive profits: Even a puppy can make money sitting in the bank president's seat</li>
<li>Tibet Party Secretary: 98% of Tibetans are satisfied with safety in 2013</li>
<li>A list of famous "public mistresses": all of them had affairs with multiple corrupt officials (photos)</li>
<li>Foreign media say Chinese civil servants have become dependent on their jobs and their lives have no meaning</li>
<li>Liu Qiangdong lost weight like a flash and missed Li Guoqing after returning from his study tour</li>
<li>North Korea warns of attack on South Korea, senior South Korean and US military officials inspect western front</li>
<li>Cultural differences from Martin Luther King's mistaken advertisement</li>
<li>Chongqing adjusts state-owned enterprise leadership management system and strictly implements retirement at age 60</li>
</ul>
</marquee>
</body>

<<: Analysis and opinions on the design structure of the large picture on the homepage of Taobao Mall (picture)

>>: Why MySQL does not recommend using null columns with default values