What is a marquee?

This is a recommends products dialog
Top Suggestions
Starting at
View All >
Language
French
English
ไทย
German
繁體中文
Country
Hi
All
Sign In / Create Account
language Selector,${0} is Selected
Register & Shop at Lenovo Pro
Register at Education Store

Pro Tier Benefits

• Save up to an extra 5% on Think everyday pricing
• Spend PHP$300,000, advance to Plus Tier with increased benefits

Plus Tier Benefits

• Save up to an extra 8% on Think everyday pricing
• Spend PHP$1,000,000, advance for free to Elite Tier with increased benefits
• Take advantage of flexible payment options with TruScale Device as a Service.

Elite Tier Benefits

• Save up to an extra 12% on Think everyday pricing
• Take advantage of flexible payment options with
TruScale Device as a Service.
Reseller Benefits
• Access to Lenovo's full product portfolio
• Configure and Purchase at prices better than Lenovo.com
View All Details >
more to reach
PRO Plus
PRO Elite
Congratulations, you have reached Elite Status!
Pro for Business
Delete icon Remove icon Add icon Reload icon
TEMPORARILY UNAVAILABLE
DISCONTINUED
Temporary Unavailable
Cooming Soon!
. Additional units will be charged at the non-eCoupon price. Purchase additional now
We're sorry, the maximum quantity you are able to buy at this amazing eCoupon price is
Sign in or Create an Account to Save Your Cart!
Sign in or Create an Account to Join Rewards
View Cart
Wow, your cart is empty!
Remove
items in cart
Fill it in with great deals
Some items in your cart are no longer available. Please visit cart for more details.
has been deleted
Please review your cart as items have changed.
of
Contains Add-ons
Proceed to Checkout
Yes
No
Popular Searches
What are you looking for today ?
Trending
Recent Searches
Hamburger Menu
skip to main content
{"arrowColor":"#000000","backgroundColor":"#e6f4fa","sideMsg":"","data":[{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page58546bb3-ee5d-47ff-9248-41494cbf9607","language":{"en":"","en_ph":"%3Cp%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3EPurchase%20any%20PC%20with%20your%20Lenovo%20Pro%20Business%20account%20and%20enjoy%20up%20to%2020%25%20off%20your%20next%20purchase%20of%20selected%20accessories.%3C%2Fp%3E%3Cp%3E%3Ca%20href%3D%22https%3A%2F%2Faccount.lenovo.com%2Fph%2Flenovopro%2Fen%2Fsmbaccount%2Fgatekeeper%2Fshowpage%3FipromoID%3Dhellobar_01_lpro%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3EJoin%20Lenovo%20Pro%20FREE%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E"},"id":"Page58546bb3-ee5d-47ff-9248-41494cbf9607"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pagef9eacebb-787a-4dab-b60b-9209a046b91c","language":{"en":"","en_ph":"%3Cp%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3ELenovo%20Education%3C%2Fstrong%3E%20%7C%20Register%20to%20unlock%20up%20to%20PHP5%2C800%20welcome%20discount%20%2B%20up%20to%208%25%20EXTRA%20savings%20with%20Lenovo%20Education.%26nbsp%3B%3C%2Fp%3E%3Cp%20style%3D%22text-wrap%3A%20wrap%3B%22%3E%3Ca%20href%3D%22%2Fd%2Fschool-from-home%2F%3FipromoID%3DHellobar_02_edu_shop_now%22%20target%3D%22_self%22%20textvalue%3D%22Shop%20Now%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3EShop%20Now%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%20%7C%20%3Ca%20href%3D%22https%3A%2F%2Fwww.lenovo.com%2Fph%2Fedu%2Fphedu%2Fen%2Flogin%2Fedu%2F%3FipromoID%3Dhellobar_02_EDU_login%22%20target%3D%22_self%22%20textvalue%3D%22Sign%20Up%20%2F%20Sign%20In%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3ESign%20Up%20%2F%20Sign%20In%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%3C%2Fp%3E"},"id":"Pagef9eacebb-787a-4dab-b60b-9209a046b91c"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Page3a8c66f7-faad-4ab8-9a7d-70a9b73a613f","language":{"en":"","en_ph":"%3Cp%3E%3Cspan%20style%3D%22text-wrap%3A%20wrap%3B%20color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3C%2Fspan%3E%3C%2Fp%3E%3Cp%3EYoga%20Pro%207%20(14%26%2339%3B%26%2339%3B%2C%20Gen%209)%7CCreate%20epic%20digital%20content%20with%20the%20AMD%20Ryzen%E2%84%A2%20AI%209%20processor%2C%20stunning%2014.5%E2%80%B3%202.8K%20OLED%20display.%26nbsp%3B%20%26nbsp%3B%3Ca%20href%3D%22%2Fp%2Flaptops%2Fyoga%2Fyoga-slim-series%2Flenovo-yoga-pro-7-gen-9-14-inch-amd%2Flen101y0050%3FipromoID%3Dhellobar_Yoga_Pro_7_Gen_9%20_14_AMD%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3EShop%20Now%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%26nbsp%3B%20%26nbsp%3B%3Ca%20href%3D%22%2Fd%2Fdeals-and-coupons%2Fnew-arrivals%2F%3FipromoID%3Dhellobar_New_Arrivals%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3EAll%20New%20Arrivals%3C%2Fstrong%3E%3C%2Fa%3E%3C%2Fp%3E"},"id":"Page3a8c66f7-faad-4ab8-9a7d-70a9b73a613f"},"gInfo":""},{"pcInfo":"","mAndTabInfo":"","bannerInfo":{"t_id":"Pageae895a56-939f-4e30-bd52-a78d36cca7bf","language":{"en":"","en_ph":"%3Cp%3EEnjoy%20Exclusive%20Discounts%20when%20you%20pay%20with%20BPI%20Online!%26nbsp%3B%26nbsp%3B%3Ca%20href%3D%22%2Fd%2Fdeals%2Fbpi%2F%3FipromoID%3Dhellobar_04_BPI%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3EALL%20Deals%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E%20%7C%20Free%20Quickship%20Delivery%20on%20selected%26nbsp%3B%20products.%26nbsp%3B%26nbsp%3B%3Ca%20href%3D%22%2Fd%2Fdeals%2Fquick-ship%2F%3FipromoID%3Dhellobar_04_QS%22%20target%3D%22_self%22%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%20text-decoration%3A%20underline%3B%22%3E%3Cspan%20style%3D%22color%3A%20rgb(0%2C%200%2C%200)%3B%22%3E%3Cstrong%3EQuickship%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3Cstrong%3E%3C%2Fstrong%3E%3C%2Fspan%3E%3C%2Fa%3E.%3C%2Fp%3E"},"id":"Pageae895a56-939f-4e30-bd52-a78d36cca7bf"},"gInfo":""}],"autoRun":true,"displayTerminal":"pc,tablet,mobile"}


What is a marquee?

A marquee is a scrolling display of text or images that is created using hypertext markup language (HTML) or cascading style sheets (CSS) in web development. It's a way to attract attention to specific content on a webpage by making it move across the screen.

Can I use a marquee in any web browser?

Yes, you can use a marquee in any web browser. However, it's worth noting that the marquee tag is not part of the official hypertext markup language (HTML) specification and may not work perfectly in all browsers. Therefore, it's generally recommended to use cascading style sheets (CSS) animations for a similar effect that's more widely supported.

Does a marquee have different types of movements?

A marquee has several types of movements. The most common ones are left (default), right, up, and down. You can specify the direction of the movement using the 'direction' attribute in your marquee code.

When should I use a marquee in my web development projects?

While a marquee can add a dynamic element to your web pages, it's important to use it sparingly. Overuse can lead to a cluttered and confusing user interface. Also, as a marquee is not officially part of the hypertext markup language (HTML) specification, it may not be supported in all browsers. So, you should consider using cascading style sheets (CSS) animations instead for a more reliable and modern approach.

Could I control the speed of the marquee?

Yes, you can control the speed of the marquee. This is done through the 'scrollamount' attribute. The higher the number, the faster the marquee moves. However, remember that a marquee moving too fast may hinder readability for your website visitors.

Can I use images in a marquee?

Yes, you can use images in a marquee. You just need to include the 'img' tag inside the 'marquee' tag. This can be an effective way to create a scrolling banner of images. Remember to ensure your images are appropriately sized and optimized for web use to prevent slow loading times.

Would cascading style sheets (CSS) animations be a better choice than a marquee for modern web design?

In general, CSS animations are a more modern and reliable choice for creating moving elements on a webpage. They offer more control over the animation's timing, duration, and direction, and they're supported by all modern browsers. However, marquees can still be useful for simple, quick tasks where fine-tuned control isn't necessary.

What if I want my marquee to loop a specific number of times?

If you want your marquee to loop a specific number of times, you can use the 'loop' attribute. Just set it to the number of times you want the marquee to loop. If you don't specify a number, the marquee will loop indefinitely.

Could I change the background color of the marquee?

Yes, you can change the background color of the marquee. To do this, you'll need to use the 'bgcolor' attribute within the marquee tag. Just specify the color you want in either name format (like 'red') or hexadecimal format (like '#FF0000').

What is the difference between using a marquee in hypertext markup language (HTML) and cascading style sheets (CSS)?

The main difference lies in the fact that marquee in HTML uses the 'marquee' tag, which is not part of the official HTML specification. On the other hand, creating a marquee effect in CSS involves using keyframe animations, which are widely supported across all modern browsers. Additionally, CSS provides more control over the animation's properties.

Does the use of a marquee impact website performance?

While a single marquee may not significantly impact your website's performance, excessive use can slow down your site, especially if you're using large images or text blocks. It's always important to optimize your code and media files to ensure the best possible loading speed.

Can I nest one marquee inside another?

Yes, you can nest one marquee inside another, creating what's called a nested marquee. This can create interesting effects, such as text scrolling in one direction while its container scrolls in another. However, keep in mind that this can also potentially confuse or distract your users, so use this technique sparingly.

What happens if I don't specify a direction for my marquee?

If you don't specify a direction for your marquee, it will default to 'left'. This means your text or images will start from the right side of the containing element and move towards the left.

Would it be possible to pause a marquee?

Yes, it's possible to pause a marquee. If you're using hypertext markup language (HTML), you can do this with JavaScript and the 'onmouseover' event. Alternatively, if you're using cascading style sheets (CSS) animations to create a marquee effect, you can use the 'animation-play-state' property and set it to 'paused' on hover.

Can I use a marquee to create a news ticker?

Yes, you can use a marquee to create a simple news ticker. A news ticker is a small section on your website that continuously displays a line of text, often used for breaking news or updates. However, for a more modern and reliable implementation, consider using cascading style sheets (CSS) animations or JavaScript.

What if I want my marquee to bounce back and forth instead of scrolling off the edge?

You can make your marquee bounce back and forth by setting the 'behavior' attribute to 'alternate'. This will make the marquee move back and forth within the containing element, rather than scrolling off the edge.

Could I change the direction of the marquee halfway through?

Yes, you can change the direction of the marquee halfway through by using JavaScript along with the document object model (DOM). You would need to capture the mid-point of the marquee's movement, then change the 'direction' property accordingly.

Can I use a marquee to create a slideshow of images?

Yes, you can use a marquee to create a basic image slideshow. You would simply include your images within the marquee tags in the order you want them to appear. However, for a more professional-looking slideshow with transition effects, consider using a JavaScript library like jQuery or a cascading style sheets (CSS) framework like Bootstrap.

What happens if I use a marquee on a small screen or mobile device?

The behavior of the marquee on smaller screens or mobile devices depends on how you've coded it. If you've used media queries to make your website responsive, the marquee should adapt accordingly. However, keep in mind that the marquee tag is not officially supported in hypertext markup language (HTML), so it may not work as expected on all devices or browsers.

Can I change the color of the text in a marquee?

Yes, you can change the color of the text in a marquee. You can do this by using the 'color' property in your cascading style sheets (CSS), or by using the 'style' attribute directly in your hypertext markup language (HTML).

{"pageComponentDataId":"cf8feb0814999-4556-a405-f072a40555e8","pageComponentId":"cf8feb0814999-4556-a405-f072a40555e8","isAssociatedRelease":"true","pageComponentDataLangCode":"en_ph","configData":{"jumpType":"currentTab","headlineColor":"black","displayNumber":"","styleMode":"vertical","miniCardHoMode":"2","headline":"","products":[{"number":{"t_id":"len101t0102","language":{"en":"","en_ph":"len101t0102"},"id":"Page9d6b9ba9-68b5-4975-8f87-a5e5a707955a"}},{"number":{"t_id":"len101t0104","language":{"en":"","en_ph":"len101t0104"},"id":"Pageecbd020a-1f52-4e42-8af7-4edc23bd0496"}},{"number":{"t_id":"len101t0081","language":{"en":"","en_ph":"len101t0081"},"id":"Pagebf090bae-cc7f-459b-84e1-73c29691ad7b"}},{"number":{"t_id":"len101g0036","language":{"en":"","en_ph":"len101g0036"},"id":"Page264fb65d-32b0-4d23-809b-4b17f4334e2f"}}]},"urlPrefix":"AAAAAAALAAAB","title":"ph-glossary-right-blue-boxes-fragment","pageId":"e29c6984-50e1-4185-9915-ec2a8d70fed3","urlEdit":0,"uri":"/FragmentDirectory/glossary/glossary-right-blue-boxes-fragment.frag","pageComponentUuid":"cf8feb0814999-4556-a405-f072a40555e8"}
coming coming
Starting at
List Price
Est Value
Web Price:
List Price
Est Value (Estimated Value)
List Price is Lenovo’s estimate of product value based on the industry data, including the prices at which first and third-party retailers and etailers have offered or valued the same or comparable products. Third-party reseller data may not be based on actual sales.
Estimated value is Lenovo’s estimate of product value based on industry data, including the prices at which Lenovo and/or third-party retailers and e-tailers have offered or valued the same or comparable products. Third-party data may not be based on actual sales.
Learn More
See More
See Less
View {0} Model
View {0} Models
shipping.options.for.{0}
Part Number:
Features
See More
See Less
compare
Added!
Great choice!
You may compare up to 4 products per product category (laptops, desktops, etc). Please de-select one to add another.
View Your Comparisons
Add To Cart
Add To Cart
We're sorry,
Products are temporarily unavailable.
Continue Shopping
Learn More
Coming Soon
Featured Product
Featured Products
Oops! No results found. Visit the categories above to find your product.
Save
open in new tab
© 2024 Lenovo. All rights reserved.
© {year} Lenovo. All rights reserved.
Compare  ()
x