Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills

Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills

WBOY

Release： 2016-05-16 19:03:15

Original

922 people have browsed it

I encountered such a problem again this time. After searching for a long time, I finally found a good one on the Internet. After looking at the code, the idea was very simple, but there were too many codes and the versatility was not good. So, I invented two more ones. Function, it feels really good to use, I would like to share it with you:

<title>The picture continuously scrolls to the left without gaps and scrolls to the right without gaps, complying with W3C Web standards_</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<div id="demo" style="overflow: hidden; width: 322px; height: 61px">
<table cellpadding="0" align="left" border="0" cellspace="0"> 
<tr> 
<td id="demo1" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> 
<tr align="center"> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
</tr> 
</table></td>
<td id="demo2" valign="top"></td>
</tr>
</table>
</div>
<div id="demo0" style="overflow: hidden; width: 322px; height: 61px">
<table cellpadding="0" align="left" border="0" cellspace="0">
<tr>
<td id="demo11" valign="top"><table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0">
<tr align="center">
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > <table cellpadding="0" align="left" border="0" cellspace="0"> 
<tr> 
<td id="demo11" valign="top">
<table cellspacing="0" cellpadding="0" width="322" bgcolor="#fffbf7" border="0"> 
<tr align="center"> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td> 
</tr> 
</table>
</td>
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td>
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td>
<td id="demo22" valign="top">
</td>
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td>
<td width="50" height="50">
<img     style="max-width:90%" src="www.yonfa365.com.jpg" alt="Continuous horizontal scrolling of images that comply with W3C Web standards without gaps_javascript skills" > </td>
</tr>
</table>

<br>
<input onclick="runEx('runcode46336')" type="button" value="杩">
</td>
</tr>
</table></td>
</tr>
</table>
</div>

Related labels：

w3c horizontal scroll

source：php.cn

Previous article：Introduction to Javascript Chapter 9 Javascript DOM Summary_Basic Knowledge Next article：js typewriter effect code_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

How to use laravel components with livewire lazy placeholder I want to add the skeleton of my laravel component inside a livewire3 placeholder What I h...

From 2024-04-06 20:02:10

0

2

543

Calculate the sum of fields in another table using MySQL SQL query I have a schema like this: User table with attributes "user_id" and "userna...

From 2024-04-06 19:39:29

0

1

441

What are the best practices for displaying version information in web applications? I'm developing a web application. What are the best practices for displaying version infor...

From 2024-04-06 19:13:16

0

2

476

Get the total return value of the input field method I'm trying to find the total value entered by the user. Get an aggregate that multiplies a...

From 2024-04-06 18:19:37

0

1

380

Top-level method to replace a string with HTML code (generated from an array) Given a string like this...$htmlPattern="Usernameis:#name#andusercompanyis#company#&q...

From 2024-04-06 17:40:41

0

2

410

Related Topics

More>

Popular Recommendations

Popular Tutorials

More>

Related Tutorials

Popular Recommendations

Latest courses

Latest Downloads

More>

Web Effects

Website Source Code

Website Materials

Front End Template