10 jQuery-based dashboard with navigation focus charts and 10 jquery

Source: Internet
Author: User

10 jQuery-based dashboard with navigation focus charts and 10 jquery

1. Pure CSS3 for 3D effects iPhone 6 Animation

Shortly after the release of the iPhone 6, we used pure CSS3 to plot the appearance of the iPhone 6. Remember that it was implemented with pure CSS3 and didn't use an image. Due to the use of CSS3 features, the entire iPhone 6 mobile phone has a shadow border and has a 3D visual effect.

Online Demo

Source code download

2. Pure CSS3 weather animation icon

This is a weather animation icon based on pure CSS3. With the CSS3 feature, we have drawn seven weather icons here, and each icon has a set of animation effects that represent the current weather, for example, when it rains, there will be an animation of rain, and so will snow. These CSS3 weather icons can be applied to weather forecasts.

Online Demo

Source code download

3. jquery-based Drag div

Today I want to share with you a jquery-based Drag div. You only need to reference jquery as long as this drag div does not need to reference jquery ui. The mouse coordinates are also recorded in real time.

Online Demo

Source code download

4. Drag div instances based on jquery ui

Today we will bring you a beautiful drag div instance based on jquery ui. This instance uses images as the background, and the div layer uses the ghost transparent effect. Div dragging is based on jquery ui. The interface is very beautiful.

Online Demo

Source code download

5. jQuery plug-in creates more than 10 special effects for switching images with strong visual impact

The jQuery plug-in creates more than 10 image switching effects with strong visual impact. You can choose from multiple effects. Each of these effects has different image switching effects. Almost all switching results are integrated. Applicable to browsers: IE9 +, google, and firefox. Other browsers can also switch images, but the effects are not so cool 3D.

Online Demo

Source code download

6. Foreign powerful jQuery Image Browsing plug-in can set 7 switching Effects

The powerful jQuery Image Browsing plug-in abroad can set 7 switching effects, such as switching effects, switching duration, and whether to play automatically after loading, the playback speed can be simply set in the plug-in to see the effect! A very good jQuery plug-in. Applicable to browsers such as IE8 and later, firefox and google.

Online Demo

Source code download

7. jQuery creates four focus charts for classic 3D effects to switch between special effects

JQuery creates four focus chart switching special effects for classic 3D effects. Each has a different 3D switching special effect. Applicable to browsers: IE9 +, firefox, and google. The Web browser IE8 has no 3D effect.

Online Demo

Source code download

8. jQuery + CSS3 creates three different 3D focus maps to switch jQuery Special Effects

JQuery + CSS3 creates three different 3D focus graphs to switch jQuery effects. The first and third models are click to switch images, and the second model is to switch images automatically! They all have a very bitter 3D switching effect. The first is multi-screen switching in order, and the third is three-screen switching.

Online Demo

Source code download

9. jQuery full-screen focus chart effects controlled by the keyboard arrow keys

You can use jQuery full-screen focus chart, which is controlled by the keyboard's arrow keys. It's cool to switch between full-screen focus charts. You can click a small button to switch between them, or press the left and right keys on the keyboard to control the scrolling direction of the focus chart, the switchover has an elastic visual impact.

Online Demo

Source code download

10. jQuery-based Dashboard navigation focus image effects

This special effect is a very cool navigation menu effect. It has many special effects.

Online Demo

Source code download


Jquery focus image Switching

The first is the li element in the cyclic style table named "num,
There are several li loops several times and a mouse event is added to li. When the mouse enters, the current li content is displayed.
When the style sheet name "ad" is selected, the scroll is cleared and a new scroll starts. The delay is 3000 milliseconds.
The style on is displayed, and all the items without on are hidden. Only the selected items are displayed!
Animation function delay of jquery is 1 second

JQuery focus chart slides

If you have any questions, try again.
I hope that my answers will help you. If you have any questions, you can ask questions. If you think it is good, you can give a thumbs up. If it is useful, you can adopt it!



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.