jQuery是一個廣受歡迎的JavaScript庫,它可以幫助我們快速地編寫JavaScript代碼,并且實現很多非常酷的效果。其中,CSS滑塊開關是jQuery中的一個非常流行的效果之一,它可以讓網站更加動態和生動。
要使用滑塊開關,我們首先需要加載jQuery和相關的CSS和JavaScript文件。在
標簽中,我們可以添加以下代碼:<link rel="stylesheet" >
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
然后,在
標簽中添加以下代碼:<div id="slider"></div>
<br>
<label for="switch">On/Off</label>
<input type="checkbox" id="switch" />
這里我們創建了一個id為“slider”的div元素和一個id為“switch”的復選框元素。然后,我們可以使用jQuery的.ui()方法來使我們的元素變為滑塊和開關。在