zoukankan      html  css  js  c++  java
  • easyui-numberspinner实现双箭头效果

    效果图:

    实现了

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

      [ 左下角 值减0.5 ]

      [ 右上角点击 值加1]

       [ 右下角点击 值减1]

    代码:

    <span style="position: relative;">
                  <input class="easyui-numberspinner" id="newStayDays_continueRoom" style="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="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>
  • 相关阅读:
    King's Quest
    Prince and Princess
    Strongly connected
    线性渐变--linear-gradient
    镜像渐变-radio-gradient
    宽度自适应-左右
    宽度自适应-左中右
    HTML5 视频规范简介
    SVG格式
    Html5新标签解释及用法
  • 原文地址:https://www.cnblogs.com/ryans/p/6934659.html
Copyright © 2011-2022 走看看