An easy to implement marquee JQuery plugin with pause on hover support. I know its easy because even I can use it.

Last update: Aug 29, 2022

Related tags

Learning resource Simple-Marquee

Overview

Simple-Marquee

An easy to implement marquee plugin. I know its easy because even I can use it.

Forked from: https://github.com/conradfeyt/Simple-Marquee

Re-Written by: Fabian Valle (www.fabian-valle.com) (www.obliviocompany.com)

Sample Usage:

$('.simple-marquee-container').SimpleMarquee();

#HTML:

<div class="simple-marquee-container">
	<div class="marquee-sibling">
		I am here to iritate you
	</div>
	<div class="marquee">
		<ul class="marquee-content-items">
			<li>Item 1</li>
			<li>Item 2</li>
			<li>Item 3</li>
			<li>Item 4</li>
			<li>Item 5</li>
		</ul>
	</div>
</div>

#Don't forget to include the CSS:

<link rel="stylesheet" href="css/marquee.css" />

#Quirk 1: simple-marquee-container DOM created dynamically after an AJAX call

//quirky stuff when the DOM for the 
//marquee-container is created dynamically
//after an AJAX call. If the window is focused
//it will not re-trigger the 'focus' upon
//AJAX completion. 
$(".marquee-1").trigger('mouseenter');
$(".marquee-1").trigger('mouseleave');

Comments

Marquees' speed increases with amount of text

Hello,

I'm not sure if it's supposed to be like that, but the speed increases if there's more text in the element. I honestly can't figure out how to keep the speed always, no matter how many characters.

I hope you can help.

Greetings, Michelle

opened by GraefinKoks 1
Text Overlapping Issue

This worked pretty awesome but then randomly noticed text overlapping issue. Not sure how it the scenario is but somehow it appeared multiple times. Can we fix it please.

opened by ch-adnan 1
Firefox layout issue

Hi there,

I'm having an issue using the simple-marquee plugin on Firefox. It seems to be effecting the div beneath it. This issue is only happening on Firefox, it's working well on Chrome and Safari.

You can see what's going on here: https://www.deannoble.com.au

Let me know if you need any more information.

Thanks!!

opened by dnbl 1
In case of content is very low - it overlaps

Hi I am facing one issue i.e. in case of marquee content is very low its overlapping on each other since its creating 3 instances of one <div class="marquee-1">, <div class="marquee-2">, <div class="marquee-3"> 1,2,3 contents are overlapping.

opened by ghost 1
Autostart has a long delay.

Hello,

I am using your script for a news ticker. The problem I am facing is with the start up of scrolling. It seems to be taking forever to start when you would expect it to start when the page loads. Is there something I am missing or I need to do in order to make is start sooner?

Thank you, Yiota

opened by yiotaz 2

An easy to implement marquee JQuery plugin with pause on hover support. I know its easy because even I can use it.

Related tags

Overview

Simple-Marquee

Sample Usage:

Comments

Marquees' speed increases with amount of text

Text Overlapping Issue

Firefox layout issue

In case of content is very low - it overlaps

Autostart has a long delay.

Owner

Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop.

Can see everything, beware of its omniscience, kneel before its greatness.

Solidity starter combining foundry and hardhat because both are great and I can't live without either...

made a game of life because i can't stop myself from writing code?

A modern replacement for jQuery.marquee

✨⏱️ A light and pause-able stopwatch node module

It's a repository to studies. Its idea is to learn about Nx and its plugins.

Strcmp-node - A cli string comparison tool, because apparently one doesn't exist.

This is a boilerplate for creating your own languages for various use cases. You can even create your own programming language from scratch!

Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mouse is over the marquee, and all with vanilla JavaScript.

Marquee is a VS Code extension designed to naturally integrate with your development flow, so that you will no longer lose track of your thoughts while you're coding

Flexible, powerful and modern library for creating the running horizontal blocks effect, also known as ticker or the «marquee effect».

Easy way to know how many visitors are viewing your Github, Website

Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.

With these scripts, you can do it even without knowing html

A CRUD made with NodeJS. It's a book directory where you can see the books, add new ones, update them, or even delete .