jQuery鼠標拖動文本框數值改變大小



74 295 99



特效描述:jQuery 鼠標拖動文本框 數值改變大小,jQuery鼠標拖動文本框數值改變大小

代碼結構

1. 引入CSS

<link rel="stylesheet" href="css/normalize.css">
<link rel='stylesheet prefetch' href='css/wenk.css'>
<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src="js/jquery.min.js"></script>
<script src='js/jquery-ui.min.js'></script>
<script src="js/index.js"></script>

3. HTML代碼

<span data-wenk="I'm to the right!" data-wenk-pos="right"></span>
<div class="wrapper">
  <div class="container">
    <h2>jQuery Scrubber</h2><br>
    <form>
      <span data-wenk='min="0", max="150"' data-wenk-pos="right">
      <input class="inputNumber black" type="number" min="0" max="150" value="0" />
      <div class="slider sliderBlack"></div>
      </span>
    </form>
    <form>
      <span data-wenk='min="20", max="250"' data-wenk-pos="right">
      <input class="inputNumber green" type="number" min="20" max="250" value="20" />
      <div class="slider sliderGreen"></div>
      </span>
    </form>
    <form>
      <span data-wenk='min="0", max="15"' data-wenk-pos="right">
      <input class="inputNumber red" type="number" min="0" max="15" value="0" />
      <div class="slider sliderRed"></div>
      </span>
    </form>
  </div>
</div>
<script src='js/jquery-ui.min.js'></script> 



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 拖動 拖拽 拖動插件 拖拽插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 文字拖動 文字拖拽 文本框 text文本框
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

老夫子电子