easyui-numberspinner实现双箭头效果
Posted tags: 篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了easyui-numberspinner实现双箭头效果相关的知识，希望对你有一定的参考价值。 效果图： 实现了 [点击左上角 输入框的值加 0.5] [ 左下角 值减0.5 ] [ 右上角点击 值加1] [ 右下角点击 值减1] 代码： 以上是关于easyui-numberspinner实现双箭头效果的主要内容，如果未能解决你的问题，请参考以下文章
<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>