当前位置:Gxlcms > JavaScript > jQuery实现html元素拖拽_jquery

jQuery实现html元素拖拽_jquery

时间:2021-07-01 10:21:17 帮助过:3人阅读

代码很简单,效果非常棒,直接给大家上源码:

html

定投金额 :
100 500 1000 2000 3000 4000 5000 6000 7000 8000 9000 10000

单位:元

css

 .money-input{margin:36px auto 0;width:330px;font-size:14px;color:#818181}
 .input-rela{width:250px;height:42px;display:inline-block;position:relative}
 .input-rela>input{width:inherit;height:38px;border:1px solid #eee}
 .input-rela>span{position:absolute;right:10px;top:13px}
 .money-line{width:970px;margin:60px auto 0;position:relative}
 .line3{position:absolute;left:40px;top:10px}
 .red-rela{position:absolute;top:0;z-index:2;cursor:pointer}
 .money-desc,.month-desc{font-size:12px;color:#818181}
 .money-desc+p,.month-desc+p{margin-right:60px;text-align:right;color:#5a5a5a}
 .money-desc>span{display:inline-block;width:71px}
 .month-desc>span{display:inline-block;width:79px}

js

以上所述就是本文的全部内容了,希望大家能够喜欢。

人气教程排行