search

Home >Web Front-end >HTML Tutorial >Detailed explanation of the code to complete the scrolling effect of the marquee tag

Detailed explanation of the code to complete the scrolling effect of the marquee tag

巴扎黑
巴扎黑Original
2017-05-22 10:38:141803browse

The following editor will bring you a simple method to achieve scrolling effect using HTML tag marquee (must read). The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Let's follow the editor to take a look, and I wish you all a happy game.

The automatic scrolling effect of the page can be achieved by javascript, but today I accidentally discovered an html tag - ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b A variety of scrolling effects can be achieved without js control.

Using marquee tags can not only move text, but also pictures, tables, etc.

Syntax: ed126914ed1419bab26abf7cf307b7b9...7204e33a7a23f6efcc788532e245c31b; Description: Add between tags The content to scroll.

Important attributes:

1. Scroll direction direction (including 4 values: up, down, left and right)

Syntax: f656a567a7fc24e79093659b8a7f051f...7204e33a7a23f6efcc788532e245c31b

2. Scroll mode behavior (scroll: cyclic scrolling, default effect; slide: only scroll once and stop ; alternate: alternately scroll back and forth)

Syntax: c576d1107764f8ac19940ad38dbd600e...7204e33a7a23f6efcc788532e245c31b

3. Scroll speed scrollamount (scroll speed is Set the length of movement each time you scroll, in pixels)

Syntax: 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b

4. Scroll delay scrolldelay (set the scrolling time interval, the unit is milliseconds)

Syntax: 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b

5. Scroll loop loop ( The default value is -1, and the scrolling will continue to loop)

Syntax: 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b

6. Scroll range width , height

7. Scroll background color bgcolor

8. Blank space hspace, vspace

## Code example:

XML/HTML CodeCopy content to the clipboard

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
</head>  
  
<body>  
<p>  
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">
  2. refers to the entire Marquee alignment; (2) behavior: Set the scrolling method: scroll: means scrolling from one end to the other end, which will be repeated. The defect is that it cannot scroll seamlessly. slide: means scrolling from one end to the other without repeating...

  3. a57ef2a4557605da1c7ee5cdc9a483d2

  4. ##dc55f9457177c727fc7c471db814312f
    5. ##3c942a4aef856233b48f4cb7b451f47d 63204e9cc05c8945016156028431d21d 【Related recommendations】
1.

htmlFree video tutorial

2. Teach you how to parse html under nodejs

3. Share a super comprehensive summary of HTML and CSS knowledge points

4. Html5 datalist tag detailed explanation and dynamic matching with background data

5. Jquery code example of Html completing asynchronous file upload

The above is the detailed content of Detailed explanation of the code to complete the scrolling effect of the marquee tag. For more information, please follow other related articles on the PHP Chinese website!

Statement：
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
Previous article：Introduction to the method of inserting links into htmlNext article：Introduction to the method of inserting links into html

Related articles

See more