html查看器显示javascipts,Dynamic Drive DHTML(dynamic html) & JavaScript code library

New

Scripts Aug-29-18

This innovative script uses CSS flexbox to create cards that when clicked on

expands to show copious amount of information in a compact, manageable

manner. Think of it as an expandable cards based layout.

Ken

Burns is a type of panning and zooming effect commonly used in video production

to bring still images to life. This image slideshow adds an awesome Ken Burns

effect to each image during transition, with the ability to show a corresponding

description.

This jQuery script makes it simple as pie to turn

any inline text on your page into an automatic pull quote, with optional

animation that plays to draw even more attention to them. It's a great script

for highlighting important bits of information inside an article, in addition to

adding flare to long blocks of content.

This is an elegant drop down menu that takes a regular UL list and transforms it

into either an expanding menu, or standard drop down menu. Use it to replace the

default form SELECT menu, as an expanding table of contents list on the page, or

even a regular navigation menu.

New

Scripts Nov-20-17

This script uses CSS3 3d transform to create captivating content boxes that tilt

based on the position of the mouse within it. It's an awesome effect to apply to landing pages, opt in forms, or any content that you want to

instantly direct the user's attention towards.

Exit Pop Ups are triggered when the user signals he's about to leave a page, by

moving the mouse into the browser's location or toolbar. This robust exit intent

pop up script lets you add such a function to your site, with support for 40+

intro animations and mobile fallback support.

This jQuery script automatically generates a table of contents from all of the

headers on the page (H1, H2, CUSTOM etc), enabling viewers to navigate to key

sections with ease. Set whether to animate the scroll mechanic, limit number of

characters shown for each header link, and more.

This script expands any image to fill the entire browser screen when clicked on,

with option to further zoom in on the image onmousever or tap. It's ideal for

product images or simply high resolution images that demand a larger stage.