<style type="text/css"> 
    .scroll {  
        width: 300px;                                     /*寬度*/  
        height: 200px;                                  /*高度*/  
        color: red;                                        /*顏色*/  
        font-family: 楷體;                                  /*字體*/  
        padding-left: 10px;                             /*層內(nèi)左邊距*/  
        padding-right: 10px;                            /*層內(nèi)右邊距*/  
        padding-top: 10px;                              /*層內(nèi)上邊距*/  
        padding-bottom: 10px;                           /*層內(nèi)下邊距*/  
        overflow-x: auto;                             /*橫向滾動(dòng)條(scroll:始終出現(xiàn);auto:必要時(shí)出現(xiàn);具體參考CSS文檔)*/  
        overflow-y: auto;                             /*豎向滾動(dòng)條*/  
          

    }  
    </style> 

<div align="center"> 
        <div class="scroll"> 
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />
    內(nèi)容。<br />

        </div> 
    </div> 

        2.受周圍人嫉妒，非議的人大多具有能力。人們從來不會(huì)去嫉妒弱者。人們也不會(huì)去踹一只死狗。 

        3.找女朋友，找男朋友時(shí)，眼光很高的人也是有過人之處的，他們追求卓越完美。 

        4.敢在人群中發(fā)出與眾不同的聲音的人，敢得罪人群的人，必是有大本領(lǐng)。 

        5.固執(zhí)的人多數(shù)時(shí)候要比隨順的人要強(qiáng)，狂妄的人也多數(shù)時(shí)候有過人之處。 

        6.走路比常人快，腰桿比常人直的人，多有過人之處。 

        7.喜歡靜靜沉思的人，走在路上神情鎮(zhèn)靜穩(wěn)定，不東張西望的人，腦袋里面定有他的想法。 

        8.當(dāng)一大群人都反對(duì)他的時(shí)候，他還是依然不改變他的想法的人，定是能干的人。 

        9.為了生存能夠放下架子去撿垃圾，察皮靴的人日后會(huì)有出息。 

        10.幾乎聽不到他說某某某很厲害的人，不可以小視。那些整天在吹噓別人成就的人，多是沒出息的人。 

        11.看他做事情條理分明，步步都顯出目的性的人，腦袋不會(huì)是弱智。今年干的事，明年還見到他在干，
一般這種人定有持之以恒的精神，不可小視。 

        12.比較講究自己儀表，言行舉止的人，應(yīng)該是有教養(yǎng)或者是有見識(shí)的人。 

        13.瘋狂的人，富有激情的人，充滿熱情的人多能闖出名堂。 

        14.能夠很好的品評(píng)各種人物的人，定有他的洞察力。大多數(shù)人似乎覺得周圍的人相差不大，這就是缺乏洞察力的表現(xiàn)。         

憤青中有大量的人會(huì)成為極為優(yōu)秀的人，憤青雖然現(xiàn)在多是貶義，但是決不要以為憤青真的沒出息。那些從來不憤的人，
不要相信他會(huì)有多優(yōu)秀。 

        15.干出了些常人干不了的事的人不可以小看。甚至那些進(jìn)過監(jiān)獄的人也不可以小看。 

        16.有著強(qiáng)烈欲望，強(qiáng)烈渴求，強(qiáng)烈支配欲，表現(xiàn)欲的人不可以小看，這些是成功的開始。       

        17.激進(jìn)的人日后一旦變得穩(wěn)重，定會(huì)有大能力。         



總之，有一條原則：最有能力的人都有某種奇異之處，這使他與常人區(qū)分開。當(dāng)你發(fā)現(xiàn)一個(gè)人與大眾很不一樣時(shí)，
那么你就應(yīng)該知道，你很有可能發(fā)現(xiàn)了一個(gè)優(yōu)秀的人。 

<a title="減一" onclick="subtractCount('p001')" href="#none" clstag="clickcart|keycount|shoppingcartpop|diminish1"><img src="skin/images/bag_close.gif" alt="66" border="none"  width="20"/></a>
<input id="p001Count" width="20" value="1" maxlength="4" type="text" name="txtChange593235" onkeyup="keyUpCheck(this,'p001')" />
<a title="加一" onclick="addCount('p001')" href="#none" clstag="clickcart|keycount|shoppingcartpop|add1"><img src="skin/images/bag_open.gif" alt="666" border="none"  width="20"/></a>
<input  type="hidden" id="p001PerPrice" value="3400.31"/>
<input  type="hidden" id="p001StockCount" value="10"/>
    </td>

  </tr>

   <tr>
    <td width="7%">商品編號(hào)</td>
    <!--td width='6%' style='height:30px;'>商品編號(hào)</td-->
    <td>商品名稱</td>
    <td width="14%">京東價(jià)</td>
    <td width="8%">返現(xiàn)</td>
    <td width="8%">贈(zèng)送積分</td>
    <!--td width='10%'>京東價(jià)</td>      <td width='10%'>優(yōu)惠明細(xì)</td>      <td width='11%'>送至{Provinces}</td-->
    <td width="9%">商品數(shù)量</td>
    <td width="7%">刪除商品</td>
  </tr>
  <tr>
    <td>593235</td>
    <td><div><a  target="_blank" clstag="clickcart|keycount|shoppingcartpop|p-imglistcart"><img  alt="66" /></a></div>
      </td>
    <td>￥10.3 </td>
    <td>￥0.00</td>
    <td>0</td>
    <!--td>-</td-->
    <!--td></td-->
    <td>
<a title="減一" onclick="subtractCount('p002')" href="#none" clstag="clickcart|keycount|shoppingcartpop|diminish1"><img src="skin/images/bag_close.gif" alt="66" border="none"  width="20"/></a>
<input id="p002Count" width="20" value="1" maxlength="4" type="text" name="txtChange593235" onkeyup="keyUpCheck(this,'p002')" />
<a title="加一" onclick="addCount('p002')" href="#none" clstag="clickcart|keycount|shoppingcartpop|add1"><img src="skin/images/bag_open.gif" alt="666" border="none"  width="20"/></a>
<input  type="hidden" id="p002PerPrice" value="1000.3"/>
<input  type="hidden" id="p002StockCount" value="10"/>
    </td>

  </tr>
  <tr>
    <td colspan="7"><br />
        <strong>商品總金額：￥<span id="cartBottom_price">3499.00</span>元</strong></td>
  </tr>
</table>
<script type="text/javascript">
/*
要點(diǎn)元素
<a title="減一" onclick="subtractCount('p001')" --傳產(chǎn)品編號(hào)唯一
<a title="加一" onclick="addCount('p002')"  --上同功能加
//產(chǎn)品數(shù)量 id="pid"+"Count"
onkeyup="keyUpCheck(this,'p002')" 這個(gè)是檢查庫(kù)存數(shù)量的
<input id="p002Count" width="20" value="1" maxlength="4" type="text" name="txtChange593235" onkeyup="keyUpCheck(this,'p002')" />
以下是產(chǎn)品單價(jià)的隱藏域
<input  type="hidden" id="p002PerPrice" value="1000.3"/>
一下產(chǎn)品庫(kù)存數(shù)量的隱藏域
<input  type="hidden" id="p002StockCount" value="10"/>
這個(gè)地方是要計(jì)算產(chǎn)品的id集合
var  pids = ["p001","p002"];

cartBottom_price 總價(jià)格id
PerCount
*/
var  pids = ["p001","p002"];
function JSRound(fNum,fBit){
 var i = 1;
 var m = 1;
 var tempNum = fNum;
 for(i=0;i <= fBit;i++)
  m = m * 10;
 tempNum = tempNum * m;
 tempNum = Math.round(tempNum);
 tempNum = tempNum / m;
return tempNum;

}
function $(id)
{
 return document.getElementById(id);
}
function addCount(pid)
{
 var currentVal = $(pid+"Count").value;
 
 var stockCurrentVal = $(pid+'StockCount').value;
 currentVal=parseInt(currentVal)+1;
  if(currentVal>stockCurrentVal)
  {
  alert("庫(kù)存為"+stockCurrentVal+"個(gè)僅能購(gòu)買次數(shù)量");
  currentVal=stockCurrentVal;
  }
 $(pid+"Count").value=currentVal;
 computeTotal();
}
function subtractCount(pid)
{
 var currentVal = $(pid+"Count").value;
 var stockCurrentVal = $(pid+'StockCount').value;
 currentVal=parseInt(currentVal)-1;
  if(currentVal<=0)
  {
  currentVal=1;
  }
  if(currentVal>stockCurrentVal)
  {
  alert("庫(kù)存為"+stockCurrentVal+"個(gè)僅能購(gòu)買次數(shù)量");
  currentVal=stockCurrentVal;
  }
 $(pid+"Count").value=currentVal;
 computeTotal();
}
function computeTotal(){
var totalMoney =0;
var perMoney=0;
 for(var i=0;i<pids.length;i++)
 {
  try{
  perMoney = parseFloat($(pids[i]+"PerPrice").value)*parseInt($(pids[i]+"Count").value);
  }
  catch(e)
  {
  perMoney=0;
  }

 totalMoney+=perMoney;
 }
 totalMoney = JSRound(totalMoney,2);
 $("cartBottom_price").innerHTML=totalMoney;
}
function keyUpCheck(obj,pid){
obj.value = obj.value.replace(/[\D]+/,'');
var stockCurrentVal = $(pid+'StockCount').value;
if(parseInt(obj.value)>stockCurrentVal)
{
obj.value=stockCurrentVal;
}
}

</script>