The pictures in the tutorial "www.bkjia.com" are very popular, and the text switching is also very practical. CSS and JavaScript are also used to avoid writing the text into JavaScript code when pure JavaScript is implemented, which is inconvenient to modify, this version is convenient, simple, practical, and compatible. You can think of it as just like writing a general CSS list. Just add two or three lines of code to complete the switching.
<! DOCTYPE HTML PUBLIC "-// W3C // DTD HTML 4.0 Transitional // EN">
<HTML>
<HEAD>
<TITLE> Text timing change code-LIEHUO.NET </ TITLE>
<style type = "text / css">
#newslist {
background: # f8f8f8; border: 1px solid silver; padding: 1px; height: 20px; line-height: 20px; width: 288px;
}
#contain {
font-size: 12px; overflow: hidden; list-style: none; width: 288px; height: 20px; margin: 0px; padding: 0;
}
#contain li {
height: 22px; line-height: 22px; white-space: nowrap; overflow: hidden;
}
</ style>
</ HEAD>
<BODY>
<div id = "newslist">
<ul id = "contain">
<li> <a href="http://www.bkjia.com" _fcksavedurl="http://www.bkjia.com"> Helping the home, webmaster resources, tutorials and information services </a> < / li>
<li> <a href="http://www.google.com" _fcksavedurl="http://www.google.com"> Google, the world's largest search engine! </a> </ li>
<li> <a href="http://tool.bkjia.com" _fcksavedurl="http://tool.bkjia.com"> Webmaster Tools: tool.bkjia.com </a> </ li>
<li> <a href="http://www.zhufu.la" _fcksavedurl="http://www.zhufu.la"> Blessings, Chinese cloud blessing service platform! </a> </ li>
</ ul>
</ div>
</ BODY>
</ HTML> <br /> <center> If the effect cannot be displayed, please press Ctrl + F5 to refresh this page. More web code: <a href = 'http: //www.bkjia.com/' _fcksavedurl = 'http : //www.bkjia.com/ 'target =' _ blank '> http://www.bkjia.com/ </a> </ center>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
