jquery仿jquery mobile的select控件效果
2020-12-13 16:57
标签：style class blog code java ext 使用方法：
jquery仿jquery mobile的select控件效果,搜素材,soscw.com jquery仿jquery mobile的select控件效果 标签：style class blog code java ext 原文地址：http://blog.csdn.net/robake/article/details/32146145不说废话，直接上代码
//仿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);
});
}
上一篇：快速指数算法+python代码
下一篇：python学习之返回函数
文章标题：jquery仿jquery mobile的select控件效果
文章链接：http://soscw.com/index.php/essay/36621.html