En jquery, slider signifie "curseur, bloc flottant, curseur de barre de défilement" et est un petit plug-in dans l'interface utilisateur jquery. Le plugin Slider permet la sélection via un curseur. Il existe diverses options, telles que plusieurs poignées et plages. La poignée peut être déplacée à l'aide de la souris ou des touches fléchées.
L'environnement d'exploitation de cet article : système Windows10, jquery version 1.10.4, ordinateur thinkpad t480.
slider (slider) est un petit plug-in dans l'interface utilisateur jquery.
Le plugin jQuery UI Slider permet la sélection via un curseur. Il existe différentes options telles que plusieurs poignées et plages. La poignée peut être déplacée à l'aide de la souris ou des touches fléchées.
Theming
Le Slider Widget utilise le framework CSS jQuery UI pour définir son apparence. Si vous devez utiliser des styles spécifiques au curseur, vous pouvez utiliser le nom de classe CSS suivant :
ui-slider : la piste du contrôle slider. Cet élément aura également une classe ui-slider-horizontal ou ui-slider-vertical selon l'orientation du slider.
ui-slider-handle : poignée coulissante.
ui-slider-range : La plage sélectionnée utilisée lors de la définition de l'option de plage. Si l'option range est définie sur "min" ou "max", l'élément aura respectivement une classe ui-slider-range-min ou ui-slider-range-max supplémentaire.
Exemple
Un simple curseur d'interface utilisateur jQuery.
<!doctype html> <html> <head> <meta charset="utf-8"> <title>滑块部件(Slider Widget)演示</title> <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css"> <style>#slider { margin: 10px; } </style> <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script> <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> </head> <body> <div id="slider"></div> <script> $( "#slider" ).slider(); </script> </body> </html>
Pour plus de connaissances liées à la programmation, veuillez visiter : Apprendre la programmation ! !
Recommandations associées : "Tutoriel jQuery"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!