ActionSheet——製作圖片上傳選擇頁

在微信中選擇圖片發送時，一般會給出多個圖片來源的選項。例如，從相冊中選擇，或者直接用相機進行拍照。首先新建文件index.html，搭建基本的頁面框架後，在body中增加以下代碼：

其中，id屬性為coverDiv的div為半透明的遮罩層，在classs屬性為weui_actionsheet_menu的div中可以定義多個子菜單。完成頁面樣式後，使用jQuery的動畫效果實現菜單從屏幕的下方快速彈出。給按鈕綁定相關事件的代碼如下：

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！