Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

drop down info... whats this script called?

Featured Replies

seen this on a couple of sites and was wondering how to do it...

 

whats i have seen on a couple of sites is a plugin javascript that displays information when a user rolls over a image... for example see http://www.my-bathrooms.co.uk/categories/Boilers/Combi-Boilers/ and roll over an image.

 

wonder if anyone know what time is called so i can find a plugin or the java to hack into my site, thanks

It's a very simple jQuery animate function by the looks of it. On hover, a div containing the info will drop down having previously been hidden. Search for jQuery animate plugin on Google, or just jQuery animate if you wish to try it yourself, it's very easy. :)

If you study the code it is using JS to create the effect.

 

If you look at

<div class="roller" style="z-index: 1000; height: 248px; margin-top: -248px;">

 

then the margin-top changes to zero on the roll over state, this could be done in CSS however the effect probably wouldn't be the same

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.