Qu'est-ce que le curseur dans jquery ?-Questions et réponses frontales-php.cn

Qu'est-ce que le curseur dans jquery ?

青灯夜游

Libérer： 2023-01-04 09:37:07

original

3933 Les gens l'ont consulté

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.

Qu'est-ce que le curseur dans jquery ?

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>

Copier après la connexion

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!