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

    }  
    </style> 

<div align="center"> 
        <div class="scroll"> 
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />
    內容。<br />

        </div> 
    </div> 

<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%">商品編號</td>
    <!--td width='6%' style='height:30px;'>商品編號</td-->
    <td>商品名稱</td>
    <td width="14%">京東價</td>
    <td width="8%">返現</td>
    <td width="8%">贈送積分</td>
    <!--td width='10%'>京東價</td>      <td width='10%'>優惠明細</td>      <td width='11%'>送至{Provinces}</td-->
    <td width="9%">商品數量</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">
/*
要點元素
<a title="減一" onclick="subtractCount('p001')" --傳產品編號唯一
<a title="加一" onclick="addCount('p002')"  --上同功能加
//產品數量 id="pid"+"Count"
onkeyup="keyUpCheck(this,'p002')" 這個是檢查庫存數量的
<input id="p002Count" width="20" value="1" maxlength="4" type="text" name="txtChange593235" onkeyup="keyUpCheck(this,'p002')" />
以下是產品單價的隱藏域
<input  type="hidden" id="p002PerPrice" value="1000.3"/>
一下產品庫存數量的隱藏域
<input  type="hidden" id="p002StockCount" value="10"/>
這個地方是要計算產品的id集合
var  pids = ["p001","p002"];

cartBottom_price 總價格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("庫存為"+stockCurrentVal+"個僅能購買次數量");
  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("庫存為"+stockCurrentVal+"個僅能購買次數量");
  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>

var waitElement;
var scrollX, scrollY = -1;
 function Ajax(){
    ////創造對象
    var xmlhttp;
    try
    {
        if (window.ActiveXObject){
            /* 不要刪除以下注釋，這部分不是注釋 */
            /*@cc_on @*/
            /*@if (@_jscript_version >= 5)
            try {
              xmlhttp = new ActiveXObject("Msxml2.xmlhttp");
            } catch (e) {
              try {
                xmlhttp = new ActiveXObject("Microsoft.xmlhttp");
              } catch (e) {
                xmlhttp = false;
              }
            }
            @end @*/
        }else{
            xmlhttp=new XMLHttpRequest();
        }
        if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
          xmlhttp = new XMLHttpRequest();
        }
    }
    catch(e)
    {
    alert(e.message);
    }
  
    if(!xmlhttp)
    {
    alert("你的瀏覽器不支持xmlhttp對象,所以一些功能無法使用,建議使用高版本的瀏覽器!!");
    return;
    }
    ///函數主題
        this.getData=function(url,data,dodata)
        {
            var verbs =data;
           // alert(data);
            xmlhttp.open("POST", url,true);

                xmlhttp.onreadystatechange=function(){
                    if (xmlhttp.readyState==4){
                  waitElement.style.visibility='hidden'; 
                   dodata(xmlhttp); 
                        
                    }
                    else{
                    CreateWaitElement();                   
                   waitElement.style.visibility='visible';
                    MoveWaitElement();
                    }
                }
            xmlhttp.setRequestHeader("Content-Length",verbs.length);
            xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
            xmlhttp.send(verbs);
        }
        /////
        this.getUrlData=function(url,data,dodata)
        {
            xmlhttp.open("GET",url,true);

            xmlhttp.onreadystatechange = function() {

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
           dodata(xmlhttp);
            }
          
         
            }
             xmlhttp.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");
            xmlhttp.send(null);
        }
        this.getFormData=function(demo)
        {
        //alert(demo);
        }
    ///函數主題
}

if (window.addEventListener) {
 window.addEventListener('scroll', MoveWaitElement, false);
 window.addEventListener('resize', MoveWaitElement, false);
}
else if (window.attachEvent) {
 window.attachEvent('onscroll', MoveWaitElement);
 window.attachEvent('onresize', MoveWaitElement);
}

function MoveWaitElement() {
 var scrollYT, scrollXT;
 if (!waitElement)
  CreateWaitElement();
 if (typeof(window.pageYOffset) == "number") {
  scrollYT = window.pageYOffset;
  scrollXT = window.pageXOffset;
 }
 else if (document.body && document.documentElement && document.documentElement.scrollTop) {
  scrollYT = document.documentElement.scrollTop;
  scrollXT = document.body.scrollLeft;
 }
 else if (document.body && typeof(document.body.scrollTop) == "number") {
  scrollYT = document.body.scrollTop;
  scrollXT = document.body.scrollLeft;
 }
 if (scrollX != scrollXT || scrollY != scrollYT) {
  scrollX = scrollXT;
  scrollY = scrollYT;
  var width = document.body.clientWidth;
  waitElement.style.top = scrollYT + "px";
  waitElement.style.right = -scrollXT +  "px";
 }
}
function CreateWaitElement() {
    var elem = document.getElementById('__Ajax_Loading');
    if (!elem) {
        elem = document.createElement("div");
        elem.id = '__Ajax_Loading';
        elem.style.position = 'absolute';
        elem.style.height = 17;
        elem.style.paddingLeft = "3px";
        elem.style.paddingRight = "3px";
        elem.style.fontSize = "11px";
        elem.style.fontFamily = 'Arial, Verdana, Tahoma';
        elem.style.border = "#000000 1px solid";
        elem.style.backgroundColor = "red";
        elem.style.color = "#ffffff";
        elem.innerHTML = '加載中 ...';
        elem.style.visibility = 'hidden';
        document.body.insertBefore(elem, document.body.firstChild);
    }
    waitElement = elem;
}

我也有一張2g擴容至8g的。tf卡格式化是沒用的，很多格式化工具都按照卡上的信息進行格式化，

格出來還是8g的。但是用mydisktest2.93版（一定要用這個版本，有些版本居然說沒問題）

數據完整性檢測只有1955.25M能用。處理的方法是用分區工具pq將卡分區，將開頭的1900M

（為保險設得比檢測出來的小一點）分一個區。其它空間不分。

分好后在系統磁盤管理中為分的那個區添加個盤符（否則你看不到移動磁盤）然后格式化（

也可在pq分區時同時進行格式化）。最后用mydisktest2.93再檢測一遍有沒有錯誤，

如果在最后部分還出錯，那說明分的區還太大，根據軟件提示再相應減小容量。

substring 方法用于提取字符串中介于兩個指定下標之間的字符

substring(start,end)

開始和結束的位置，從零開始的索引

參數     描述
start     必需。一個非負的整數，規定要提取的子串的第一個字符在 stringObject 中的位置。
stop     可選。一個非負的整數，比要提取的子串的最后一個字符在 stringObject 中的位置多 1。
如果省略該參數，那么返回的子串會一直到字符串的結尾。

返回值

一個新的字符串，該字符串值包含 stringObject 的一個子字符串，
其內容是從 start 處到 stop-1 處的所有字符，其長度為 stop 減 start。

說明

substring 方法返回的子串包括 start 處的字符，但不包括 end 處的字符。
如果 start 與 end 相等，那么該方法返回的就是一個空串（即長度為 0 的字符串）。
如果 start 比 end 大，那么該方法在提取子串之前會先交換這兩個參數。
如果 start 或 end 為負數，那么它將被替換為 0。

2.substr 方法

定義和用法

substr 方法用于返回一個從指定位置開始的指定長度的子字符串。

語法

stringObject.substr(start [, length ])

參數    描述
start   必需。所需的子字符串的起始位置。字符串中的第一個字符的索引為 0。
length 可選。在返回的子字符串中應包括的字符個數。

說明

如果 length 為 0 或負數，將返回一個空字符串。
如果沒有指定該參數，則子字符串將延續到stringObject的最后。

    jQuery和jQuery對象都實現了該方法，對于jQuery對象，只是把each方法簡單的進行了委托：
把jQuery對象作為第一個參數傳遞給jQuery的each方法.換句話說：
jQuery提供的each方法是對參數一提供的對象的中所有的子元素逐一進行方法調用。
而jQuery對象提供的each方法則是對jQuery內部的子元素進行逐個調用。
   jQuery.prototype.each=function( fn, args ) {
      return jQuery.each( this, fn, args );
   }

   讓我們看一下jQuery提供的each方法的具體實現，
    jQuery.each(obj,fn,arg)  
    該方法有三個參數:進行操作的對象obj，進行操作的函數fn，函數的參數args。
    讓我們根據ojb對象進行討論：
1.obj對象是數組
each方法會對數組中子元素的逐個進行fn函數調用，直至調用某個子元素返回的結果為false為止，也就是說，
我們可以在提供的fn函數進行處理，使之滿足一定條件后就退出each方法調用。當each方法提供了arg參數時，
fn函數調用傳入的參數為arg，否則為：子元素索引，子元素本身
2.obj 對象不是數組
該方法同1的最大區別是：fn方法會被逐次不考慮返回值的進行進行。換句話說，obj對象的所有屬性都會被fn方法進行調用，
即使fn函數返回false。調用傳入的參數同1類似。
在each 中 的continue 和break
continue 在each 中用 return true;
break  在each 中用 return false;

       var data = eval("(" + response.responseText + ")");
            var notice = "";
            $.each(data, function(i, row) {
            notice += String.format("<li><a href=''>{0}</a></li>", row.NoticeTitle);
        })

向上：程序代碼

<div id=demo style="overflow:hidden; width:400px; height:300px;">
<div id=demo1>
<img src=">
<img src=">
<img src=">
<img src=">
<img src=">
<img src=">
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向下：程序代碼
<div id=demodown style="overflow:hidden; width:400px; height:300px;">
<div id=demodown1> 
<img src=">
<img src=">
<img src=">

<img src=">

<img src=">

<img src=">
</div>
<div id=demodown2></div>
</div>
<script language="javascript">
var speed=30 
var demodown=document.getElementById("demodown");
var demodown2=document.getElementById("demodown2");
var demodown1=document.getElementById("demodown1");
demodown2.innerHTML=demodown1.innerHTML
demodown.scrollTop=demodown.scrollHeight
function Marquee(){
if(demodown1.offsetTop-demodown.scrollTop>=0)
demodown.scrollTop+=demodown2.offsetHeight
else{
demodown.scrollTop--
}
}
var MyMar=setInterval(Marquee,speed)
demodown.onmouseover=function() {clearInterval(MyMar)}
demodown.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向左：程序代碼
<div id=demoleft style="overflow:hidden;height:400px;width:300px;"><table align=left
cellpadding=0 cellspace=0 border=0><tr><td id=demoleft1 valign=top>
<img src=">
<img src=">
<img src=">

<img src=">

<img src=">

<img src=">
</td><td id=demoleft2 valign=top></td></tr></table></div>
<script>
var speed=30 
var demoleft=document.getElementById("demoleft");
var demoleft2=document.getElementById("demoleft2");
var demoleft1=document.getElementById("demoleft1");
demoleft2.innerHTML=demoleft1.innerHTML
function Marquee(){
if(demoleft2.offsetWidth-demoleft.scrollLeft<=0)
demoleft.scrollLeft-=demoleft1.offsetWidth
else{
demoleft.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demoleft.onmouseover=function() {clearInterval(MyMar)}
demoleft.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

向右：程序代碼
<div id=demoright style="overflow:hidden;height:300px;width:400px;"><table align=left
cellpadding=0 cellspace=0 border=0><tr><td id=demoright1 valign=top> 
<img src=">
<img src=">
<img src=">

<img src=">

<img src=">

<img src=">
</td><td id=demoright2 valign=top></td></tr></table></div>
<script>
var speed=30 
var demoright=document.getElementById("demoright");
var demoright2=document.getElementById("demoright2");
var demoright1=document.getElementById("demoright1"); 
demoright2.innerHTML=demoright1.innerHTML
demoright.scrollLeft=demoright.scrollWidth
function Marquee(){
if(demoright.scrollLeft<=0)
demoright.scrollLeft+=demoright2.offsetWidth
else{
demoright.scrollLeft--
}
}
var MyMar=setInterval(Marquee,speed)
demoright.onmouseover=function() {clearInterval(MyMar)}
demoright.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

function replaceData(){
var data=[
{oldkey:"pp1",newkey:"宏基"},
{oldkey:"pp2",newkey:"聯想"}
];

 var stringObj=self.document.body.innerHTML;
 for(var i=0;i<data.length;i++)
 {
   var reg = new RegExp(data[i].oldkey, "g");
   stringObj = stringObj.replace(reg,data[i].newkey);
 }
//alert(stringObj)
self.document.body.innerHTML=stringObj;
}
replaceData()

xtype可作為Ext控件的簡寫，都會對應一個Ext控件。當然這里你也可以自定義這個xtype，通過自定義的Ext控件來綁定，
主要由Ext.reg方法去注冊xtype。Ext.all.js里面包含的xtype包含：

xtype            Class
-------------    ------------------
box              {@link Ext.BoxComponent}
button           {@link Ext.Button}
buttongroup      {@link Ext.ButtonGroup}
colorpalette     {@link Ext.ColorPalette}
component        {@link Ext.Component}
container        {@link Ext.Container}
cycle            {@link Ext.CycleButton}
dataview         {@link Ext.DataView}
datepicker       {@link Ext.DatePicker}
editor           {@link Ext.Editor}
editorgrid       {@link Ext.grid.EditorGridPanel}
flash            {@link Ext.FlashComponent}
grid             {@link Ext.grid.GridPanel}
listview         {@link Ext.ListView}
multislider      {@link Ext.slider.MultiSlider}
panel            {@link Ext.Panel}
progress         {@link Ext.ProgressBar}
propertygrid     {@link Ext.grid.PropertyGrid}
slider           {@link Ext.slider.SingleSlider}
spacer           {@link Ext.Spacer}
splitbutton      {@link Ext.SplitButton}
tabpanel         {@link Ext.TabPanel}
treepanel        {@link Ext.tree.TreePanel}
viewport         {@link Ext.ViewPort}
window           {@link Ext.Window}

Toolbar components
---------------------------------------
paging           {@link Ext.PagingToolbar}
toolbar          {@link Ext.Toolbar}
tbbutton         {@link Ext.Toolbar.Button}        (deprecated; use button)
tbfill           {@link Ext.Toolbar.Fill}
tbitem           {@link Ext.Toolbar.Item}
tbseparator      {@link Ext.Toolbar.Separator}
tbspacer         {@link Ext.Toolbar.Spacer}
tbsplit          {@link Ext.Toolbar.SplitButton}   (deprecated; use splitbutton)
tbtext           {@link Ext.Toolbar.TextItem}

Menu components
---------------------------------------
menu             {@link Ext.menu.Menu}
colormenu        {@link Ext.menu.ColorMenu}
datemenu         {@link Ext.menu.DateMenu}
menubaseitem     {@link Ext.menu.BaseItem}
menucheckitem    {@link Ext.menu.CheckItem}
menuitem         {@link Ext.menu.Item}
menuseparator    {@link Ext.menu.Separator}
menutextitem     {@link Ext.menu.TextItem}

Form components
---------------------------------------
form             {@link Ext.form.FormPanel}
checkbox         {@link Ext.form.Checkbox}
checkboxgroup    {@link Ext.form.CheckboxGroup}
combo            {@link Ext.form.ComboBox}
compositefield   {@link Ext.form.CompositeField}
datefield        {@link Ext.form.DateField}
displayfield     {@link Ext.form.DisplayField}
field            {@link Ext.form.Field}
fieldset         {@link Ext.form.FieldSet}
hidden           {@link Ext.form.Hidden}
htmleditor       {@link Ext.form.HtmlEditor}
label            {@link Ext.form.Label}
numberfield      {@link Ext.form.NumberField}
radio            {@link Ext.form.Radio}
radiogroup       {@link Ext.form.RadioGroup}
textarea         {@link Ext.form.TextArea}
textfield        {@link Ext.form.TextField}
timefield        {@link Ext.form.TimeField}
trigger          {@link Ext.form.TriggerField}

Chart components
---------------------------------------
chart            {@link Ext.chart.Chart}
barchart         {@link Ext.chart.BarChart}
cartesianchart   {@link Ext.chart.CartesianChart}
columnchart      {@link Ext.chart.ColumnChart}
linechart        {@link Ext.chart.LineChart}
piechart         {@link Ext.chart.PieChart}

Store xtypes
---------------------------------------
arraystore       {@link Ext.data.ArrayStore}
directstore      {@link Ext.data.DirectStore}
groupingstore    {@link Ext.data.GroupingStore}
jsonstore        {@link Ext.data.JsonStore}
simplestore      {@link Ext.data.SimpleStore}      (deprecated; use arraystore)
store            {@link Ext.data.Store}
xmlstore         {@link Ext.data.XmlStore}