Jquery sets the automatic flipping of the title_jquery

That is, after a piece of news scrolls into view, it will pause for a few seconds, then continue to scroll up 2 and fade out of view. At the same time, the next piece of news will then scroll into view. This time I mainly use jquery to develop this function. There must be many shortcomings in it. Everyone is welcome to comment.
Paste the code first,

Copy the code The code is as follows:

Recent News

News Releases

< /div>

, so we should also set the height to a record, here to 200px, and if it exceeds, we will automatically hide it with overflow=hidden. Here, we use feed.xml as the data source. It is very simple for Jquery to load and read the xml file. You can refer to the above writing method. By reading the xml file, taking out the data, and assembling it, you will get the html to be displayed. The code snippet is attached to #container. At the same time, in the scroll display, we need to set two variables, one to record the currently visible title, and the other to record the title that has just scrolled out of view. And let the current record be displayed at the top. It must be noted that the position cannot be static. Finally, just write a function to automatically call the display of the record every time. There are also many plug-ins for jquery that can simplify these operations. You will learn more about them in the future. If you want to learn jquery, I personally recommend the basic jquery tutorial written by jonathan chaffer. It is very good and suitable for beginners. It is written by other people in China, but it is a mixed bag.

Related labels：

title

source：php.cn

Previous article：JavaScript controls the continuous addition and subtraction of the value of the text box_form special effects Next article：PPK talks about JavaScript's this keyword [Translation]_javascript skills

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Latest Articles by Author

• What is a NullPointerException, and how do I fix it?
  2024-10-22 09:46:29
• From Novice to Coder: Your Journey Begins with C Fundamentals
  2024-10-13 13:53:41
• Unlocking Web Development with PHP: A Beginner's Guide
  2024-10-12 12:15:51
• Demystifying C: A Clear and Simple Path for New Programmers
  2024-10-11 22:47:31
• Unlock Your Coding Potential: C Programming for Absolute Beginners
  2024-10-11 19:36:51
• Unleash Your Inner Programmer: C for Absolute Beginners
  2024-10-11 15:50:41
• Automate Your Life with C: Scripts and Tools for Beginners
  2024-10-11 15:07:41
• PHP Made Easy: Your First Steps in Web Development
  2024-10-11 14:21:21
• Build Anything with Python: A Beginner's Guide to Unleashing Your Creativity
  2024-10-11 12:59:11
• The Key to Coding: Unlocking the Power of Python for Beginners
  2024-10-11 12:17:31

Latest Issues

Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...

From 2024-04-06 22:01:35

0

3

816

Problems encountered when using opentbs to generate odt files: values ​​of the same key are displayed in the same row instead of separate columns. I'm using a library called OpenTbs to create odt using PHP, I'm using it because columns a...

From 2024-04-06 20:18:18

0

1

483

SQL Count() also requires 0 I have only one table and I want to count each entry of a tag that starts with 0. Now I tr...

From 2024-04-06 19:48:53

0

1

449

In mobile view, how can I close this navigation bar when the user clicks on the link? When the user clicks a link to browse the website, the navigation bar does not close? I've...

From 2024-04-06 19:23:03

0

1

411

CSS only method to dynamically modify image src on click without using JavaScript I need to change the src of an image on mouse click using only css like img:active{}

From 2024-04-06 19:25:49

0

1

505

Related Topics

More>

• How to connect broadband to server
• How to set up computer virtual memory
• Recommended computer hardware testing software rankings
• nullpointerexception exception
• What is free space
• What is the role of sip server
• ps exit full screen shortcut key
• cmd command to clean up C drive junk