Get started with jquery-nstslider CDN

MIT licensed

The jquery-nstslider library is a jQuery plugin for creating horizontal or vertical sliders with multiple tabs and customizable appearance.

Tags:
  • ui
  • range
  • slider
  • values
  • select
  • control
  • nestoria
  • widget

Stable version

Copied!

How to start using jquery-nstslider CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with jquery-nstslider CDN - cdnhub.io</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" />
    <link rel="stylesheet" href="styles.css" />
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/jquery-nstslider/1.0.13/jquery.nstSlider.min.js"></script>
</head>
<body>
    <div id="slider-example">
        <div class="nst-slider">
            <div class="nst-track">
                <div class="nst-handle" data-value="0"></div>
            </div>
            <div class="nst-range">
                <span class="nst-value">0</span>
            </div>
        </div>
    </div>

    <script>
        $(function() {
            $('#slider-example .nst-slider').nstSlider({
                min: 0,
                max: 100,
                step: 1,
                tooltip: 'always',
                tooltip_position: 'top'
            });
        });
    </script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!

All versions