Breaking

Code Gripper
Responsive Advertisement
  • Home
Homejquery

Continuous marquee text using jquery

byMahabubur Rahman -August 10, 2021
0

Using Circle jQuery Plugin:

jquery cycle plugin http://malsup.com/jquery/cycle/


Example:

<script type="text/javascript"> $(function() { $('#marquee').cycle({ fx: 'fade', pause: 1 }); }); </script>

Source : Stack Overflow

Using Marquee jQuery Plugin:

jQuery Marquee plugin http://aamirafridi.com/jquery/jquery-marquee-plugin


Example:

$('.marquee').marquee({ //speed in milliseconds of the marquee duration: 5000, //gap in pixels between the tickers gap: 10, //time in milliseconds before the marquee will start animating delayBeforeStart: 0, //'left' or 'right' direction: 'left', //true or false - should the marquee be duplicated to show an effect of continuous flow duplicated: true });


Source : Tech Tutorial









Tags jquery marquee
  • Facebook
  • Twitter

You may like these posts

Post a Comment

Previous Post Next Post

Follow Us

Popular Posts

php

PHP Error : Unparenthesized `a ? b : c ? d : e` is deprecated. Use either `(a ? b : c) ? d : e` or `a ? b : (c ? d : e)`

byMahabubur Rahman-January 27, 2022

What is throttling and how to implement it in Laravel?

October 16, 2022

Like or Like Query MySQL

December 26, 2021

Laravel redirect back with success message

January 10, 2022

Subscribe Us

Facebook

Categories

Main Tags

Code Gripper

September 30, 2023

Total Pageviews

Search This Blog

CODE GRIPPER

Code Gripper
CODE GRIPPER

  • Home
  • Python
  • PHP

Menu Footer Widget

  • Home
  • About
  • Contact Us
Code Gripper

About Us

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's.

Categories

Main Tags

Latest Posts

Most Popular

PHP Error : Unparenthesized `a ? b : c ? d : e` is deprecated. Use either `(a ? b : c) ? d : e` or `a ? b : (c ? d : e)`

January 27, 2022

What is throttling and how to implement it in Laravel?

October 16, 2022

Like or Like Query MySQL

December 26, 2021
Design by Blogger | Distributed by Gooyaabi
  • Home
  • About Us
  • Contact Us
  • RTL Version

Contact Form