Home

Resources Home JavaScript Effects

User rating:

How to Add a CSS and JavaScript Sticky Menu to Your Site

See the two ways to add a sticky horizontal menu to your site, plus 7 beautiful examples of this pattern out in the wild.
http://blog.dynamicdrive.com/beautiful-examples-of-css-javascript-sticky-menus/
User rating:

Exit Intent Pop Up Script

jQuery exit intent pop up script with support for 40+ intro animations, frequency control, and mobile fallback.
http://www.dynamicdrive.com/dynamicindex8/exitpopup/
User rating:

Displaying Content in Full Screen using the Fullscreen API in JavaScript

Some content just beg to be displayed full screen, such as select images or videos on your site. See how to do it easily using the Fullscreen API.
http://www.javascriptkit.com/javatutors/javascriptfullscreenapi.shtml
User rating:

5 Brilliant Ways to Lazy Load Images For Faster Page Loads

Five brilliant scripts to effortlessly lazy load images on your site to improve your webpage download times
http://blog.dynamicdrive.com/5-brilliant-ways-to-lazy-load-images-for-faster-page-loads/
User rating:

Adblock Checker and Notifier

A simple script that detects when a visitor is using a common Ad Blocker on your page and displays an overlay to ask him to disable it.
http://dynamicdrive.com/dynamicindex9/adblock-detector.htm
User rating:

DD Scroll Boxes

DD Scroll Box makes it a breeze to turn any DIV content on your page into a scroll box that appears when the user scrolls up or down a certain amount.
http://www.dynamicdrive.com/dynamicindex11/ddscrollbox.htm
User rating:

Opt-in Box script

This is a lightweight opt-in box that expands into view to cover the whole screen when activated, with an animated form that grabs user attention.
http://dynamicdrive.com/dynamicindex16/ddoptinbox.htm
User rating:

Power List menu

Multi-level menu that transforms a nested UL into a series of slide-in panels that occupy no more space than the top level UL itself.
http://www.dynamicdrive.com/dynamicindex1/powerlistmenu.htm
User rating:

Before and After image script

Lets you view an "after" version of any image as an overlay of the original one in dramatic fashion.
http://www.dynamicdrive.com/dynamicindex4/beforeandafter.htm
User rating:

Blur Image effect

This Blur Image script lets you easily blur an image by varying intensities using HTML5 canvas.
http://javascriptkit.com/script/script2/imageblur.shtml

CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site