首頁

JS特效

CSS3特效

CSS3選擇滑桿按鈕程式碼

現在下載預覽

<頭>
<元字元集=“UTF-8”>
jQuery CSS3選擇按鈕程式碼

<風格>
.tab-選單{
頂部邊距：20px；
高度：26px；
溢出：隱藏；
位置：相對；
邊框半徑：20px；
}
ul{
# 填充：0;
邊距：0；
列表樣式：無；
}
李{
高度：24px；
行高：24px;
向左飄浮;＃＃＃文字對齊：居中；
位置：相對；
字體大小：12px;
}
.tab-選單跨度{
邊距：4px;
顯示：內聯區塊；
高度：18px；
位置：絕對；
左：0；
頂部：0；
邊框半徑：20px；
過渡：左.4s；
-webkit-transition: 左 .4s;
-moz-transition: 左 .4s;
}
李：懸停{
遊標：指針；
}
.tworow{
寬度：160px；
背景顏色: rgba(224, 229, 232, 1);
}
.tworow跨度{
寬度：72px；
背景顏色: rgba(0, 54, 80, 1);
}
.tworow .active{
白顏色;＃＃＃ }
.tworow李{
寬度：80px；
顏色:rgba(0, 54, 80, 1);
}
.八件行李{
寬度：50px；
白顏色;＃＃＃ }
.eightrow .active{
顏色：#10aefc;
}
.八行{
寬度：700px；
背景：#10aefc;
}
.八行跨度{
寬度：42px;
背景：白色；
}
</風格>

</頭>
<內文>
<中心>

120h

144h

168h

192h

216h

240h

288h

312h

336h

;

<div class="tab-menu tworow">
<span id="thirdbg"></span>
<ul id="hourlist">
# <li class="active" type="1">24h</li>
<li type="2">48h</li>
</ul>
</div>
</center>
<script src="script/jquery.min.js"></script>
<script src="script/slide.js"></script>
<script>
new Slideicon($("#list"),{
index:0,
cover:$("#bg"),
callback:function (data) {
console.log(data)
}
});
new Slideicon($("#hourlist"),{
index:0,
cover:$("#thirdbg"),
callback:function (data) {
console.log(data)
}
});
</script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

這是CSS3選擇滑桿按鈕代碼，需要的朋友可以直接下載使用，更多特效代碼盡在PHP中文網。

免責聲明

本站所有資源皆由網友貢獻或各大下載網站轉載。請自行檢查軟體的完整性！本站所有資源僅供學習參考。請不要將它們用於商業目的。否則，一切後果都由您負責！如有侵權，請聯絡我們刪除。聯絡方式：admin@php.cn

使用Jquery和CSS實作選擇框重設按鈕（程式碼實例）

07 Nov 2018

如何實現一種在選擇框上建立重置按鈕而不顯示選擇框的簡單方法？本篇文章就來跟大家分享使用Jquery和CSS實作選擇框重設按鈕的方法（程式碼），有需要的朋友可以參考一下。

CSS3實現橫向滾動選單按鈕的範例程式碼分享

24 Apr 2017

今天跟大家分享基於css3實現精美橫向滾動菜單按鈕，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧

js帶按鈕的提示框可供選擇範例程式碼_javascript技巧

16 May 2016

本文為大家介紹下使用js實作可以供選擇的彈出框，具體的實作如下，感性的朋友可以參考下，希望對大家學習有所幫助

純Css程式碼美化checkbox複選框、radios單選框和滑動按鈕簡單方法

13 Dec 2017

我們知道css可以美化前端頁面，本文我們就和大家分享純Css程式碼美化checkbox複選框、radios單選框和滑動按鈕的方法，希望能幫助大家。

如何使用純CSS3美化單選按鈕radio的範例程式碼分享

18 Jul 2017

純CSS3美化單選按鈕radio

利用CSS3編寫類似iOS中的複選框及帶開關的按鈕的程式碼

11 Jun 2018

這篇文章主要介紹了使用CSS3編寫類似iOS中的複選框及帶開關的按鈕,需要的朋友可以參考下

如何熟練運用CSS3特效提升網頁的使用者體驗

09 Sep 2023

如何熟練運用CSS3特效提升網頁的使用者體驗隨著網路的發展，網頁設計與使用者體驗成為了網站開發的重要環節。而CSS3特效的應用，可為網頁增添動感與視覺效果，提升使用者體驗。本文將介紹幾種常見的CSS3特效及其程式碼範例，幫助開發者更熟練地運用CSS3特效，提升網頁的使用者體驗。過渡效果（Transition）過渡效果是CSS3中最基本的特效之一，透過改變某個屬