仿jquery mobile中的select控制項效果

不說廢話，直接上代碼，最好將on.png和off.png也使用jquery mobile裡的圖片

//仿jQuery mobile Select控制項//用法box為容器id,_id指控制項id,selectvalue為選中值,Value為當前值function SelectBox(box,_id,selectvalue,Value){if(Value != selectvalue){$("#" + box).html("");$("#off" + _id).css("width","82px");}else{$("#" + box).html("");$("#on" + _id).css("width","82px");}$("#on" + _id).click(function(){$("#on" + _id).animate({width:"0px"},100);$("#off" + _id).animate({width:"82px"},100);$("#" + _id).val(Value);});$("#off" + _id).click(function(){$("#on" + _id).animate({width:"82px"},100);$("#off" + _id).animate({width:"0px"},100);$("#" + _id).val(selectvalue);});}

使用方法：

<script type="text/javascript">CheckBox("q","a",1,0);</script>