日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
jQuery做的購買數(shù)量好東西

昨晚在群里看它們聊類似于這東東的玩意，與是就花點時間搞了個，還湊合著吧

十年的金華網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整金華建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯(lián)從事“金華網(wǎng)站設(shè)計”,“金華網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。

先看下效果圖：

起始

當(dāng)為0時，再點擊 減 就會提示

輸入正確時提示

當(dāng)輸入非整數(shù)時，提示

不啰嗦了，上代碼吧：

#p#

HTML：

 
 
 
 
      
  
  
  
  1.  
    2.   
  
  
  
  2.      
    3.   
  
  
  
  3.         請輸入購買數(shù)量： 
    4.   
  
  
  
  4.         
 
  •          
  •              
  •              
  •         
    •  
  •         *請輸入購買數(shù)量 
  •     
    •  
  •  

    CSS：

     
 
 
 
        
  
  
  
    1.   
      2.   
  
  
  
    2. * {margin:0;padding:0}  
      3.   
  
  
  
    3. body {font-size:12px;font-family:SimSun;background:#FFF;color:#666}   
      4.   
  
  
  
    4. #box_wrapper {width:500px;margin:100px auto}  
      5.   
  
  
  
    5. #box {width:450px;height:28px}  
      6.   
  
  
  
    6. .num_wrap {width:100px;height:25px;overflow:hidden;float:left;border:1px solid #CCC;border-right:none;}  
      7.   
  
  
  
    7. #txtNum {width:100px;height:22px;padding-top:3px;border:none;text-align:center;vertical-align:middle}  
      8.   
  
  
  
    8. .arrow_wrap {background:url(arrowa.gif) no-repeat center 2px;height:25px;width:30px;border:1px solid #CCC;float:left;position:relative}  
      9.   
  
  
  
    9. .addOne {position:absolute;left:8px;top:0px;width:14px;height:11px}  
      10.   
  
  
  
    10. .jianOne {position:absolute;left:8px;top:13px;width:14px;height:11px}  
      11.   
  
  
  
    11. .mark {float:left;padding:7px 0 0 0}  
      12.   
  
  
  
    12. .mark_tip {float:left;color:#0033FF;padding:7px 0 0 20px}  
      13.   
  
  
  
    13.  
      14.

    JS：

     
 
 
 
        
  
  
  
    1.   
      2.   
  
  
  
    2.  
      3.

    代碼就是這些了，JQ做滴，用JS也可以，不過麻煩，再說叨叨自從用了JQ后就特別懶了，不想用JS了。

    附上下載原件吧： DEMO.rar (32.92 KB)

    【編輯推薦】

    1. jQuery旋轉(zhuǎn)輪播式插件 CarouFredSel
    2. jQuery:讓文盲秀網(wǎng)頁
    3. 10個基于jQuery的Web交互插件
    4. jQuery--聯(lián)動日歷
    5. jQuery圖片延遲加載技術(shù)的應(yīng)用

    文章題目：jQuery做的購買數(shù)量好東西
    文章起源：http://m.5511xx.com/article/cdphpch.html