读书人

jQuery仿Windows桌面图标治理的一点探

发布时间: 2012-10-13 11:38:17 作者: rapoo

jQuery仿Windows桌面图标管理的一点探索

Windwos的桌面图标管理方式,即

?

<ul id="sortable1"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul>

?

jQuery?

$(function(){ function sortable_item_click(){//定义点击后执行的函数      $( "#sortable1 li" ).click(function(){           put_your_own_function_here()//这里是你自己的函数        })    }   sortable_item_click()//初始化绑定点击动作    $( "#sortable1" ).sortable({ //使用soratble方法使列表可以拖放排序         start:function(event){//拖放开始                if(event.which == 1){//如果是左键                      $( "#sortable1 li" ).unbind("click")//则取消点击动作                  }         },          stop:function(event){//拖放结束              if(event.which == 1){//如果是左键                  $("#sortable1").animate({" ":" "},1,function(){//松开左键之后1毫秒后重新绑定                      sortable_item_click()                  })              }          }    })})

读书人网 >windows

热点推荐