码迷,mamicode.com
首页 > 其他好文 > 详细

easyui-numberspinner实现双箭头效果

时间:2017-06-02 18:56:13      阅读:1047      评论:0      收藏:0      [点我收藏+]

标签:abi   script   numbers   点击   row   index   hang   java   osi   

效果图:技术分享

实现了

   [点击左上角 输入框的值加 0.5]

  [ 左下角 值减0.5 ]

  [ 右上角点击 值加1]

   [ 右下角点击 值减1]

代码:

<span style="position: relative;">
              <input class="easyui-numberspinner" id="newStayDays_continueRoom" style="width:150px;" data-options="editable:false,min:0,precision:1
                      ,onChange:function(newValue,oldValue){
                          continueRoom_livingDetail(newValue);
                      }"/>
              <span class="textbox-addon textbox-addon-right" style="left: 110px; top: -2px;height:22px;border: 1px solid #B1C242;">
                  <a href="javascript:void(0)" class="textbox-icon spinner-arrow" icon-index="0" 
                         tabindex="-1" style="width:18px;height:22px;">
                     <a  class="spinner-arrow-up" id="iop" tabindex="-1" style="height:10px;position:relative;top:-22px;cursor:pointer;"></a>
                     <a  class="spinner-arrow-down" id="jkl" tabindex="-1" style="height:10px;position:relative;top:-22px;cursor:pointer;"></a>
                  </a>
              </span>
</span>

 

easyui-numberspinner实现双箭头效果

标签:abi   script   numbers   点击   row   index   hang   java   osi   

原文地址:http://www.cnblogs.com/ryans/p/6934659.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!