Detailed explanation of the code to complete the scrolling effect of the marquee tag-HTML Tutorial-php.cn

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

巴扎黑

Release： 2017-05-22 10:38:14

Original

1793 people have browsed it

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 - 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: ...; Description: Add between tags The content to scroll.

Important attributes:

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

Syntax: ...

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

Syntax: ...

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

Syntax: ...

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

Syntax: ...

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

Syntax: ...

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">

Copy after login

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...
marquee>
##p>

body>

html> 【Related recommendations】

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!