国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript結(jié)合Bootstrap仿微信后臺多圖文界面管理

wushuiyong / 2409人閱讀

摘要:這篇文章主要為大家詳細(xì)介紹了結(jié)合仿微信后臺多圖文界面管理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下模仿微信后臺管理的多圖文界面,集成了異步上傳文件的插件,供大家參考,具體內(nèi)容如下效果圖詳細(xì)代碼標(biāo)題編輯

這篇文章主要為大家詳細(xì)介紹了js結(jié)合Bootstrap仿微信后臺多圖文界面管理,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

js模仿微信后臺管理的多圖文界面,集成了ajax異步上傳文件的插件,供大家參考,具體內(nèi)容如下

效果圖:

詳細(xì)代碼:

html:

`<``div` `id``=``"wrap"``>`
`<``div` `id``=``"sidebar"``>`
`<``div` `class``=``"previewBox"``>`
``
`<``div` `class``=``"cover"` `onmouseout``=``"removeCover(this);"`
`onmouseover``=``"showCover(this);"``>`
`<``h4` `class``=``"msg-t"` `style``=``"width: 320px;"` `id``=``"title2div0"``>`
`標(biāo)題<``span` `class``=``"i-title"``>`
``
`<``img` `src``=``"../assets/homer_admin-v1.5/images/2.png"` `style``=``"width: 320px;"` `/>`
`<``ul` `class``=``"abs tc sub-msg-opr"`
`style``=``"margin: 10px 10px; height: 150px; width: 320px;"``>`
`<``a` `class``=``"th"` `href``=``"javascript:void(0)"` `onclick``=``"editDiv("div0")"``>`
`<``div` `style``=``"width: 320px; height: 120px; font-size: 16px;"``>`
`編輯`
``
``
``
``
`<``div` `class``=``"sub-add"``>`
`<``a` `class``=``"block tc sub-add-btn"` `href``=``"#"` `id``=``"add"``> <``span`
`class``=``"vm dib sub-add-icon"``>增加一條`
``
``
``
`<``div` `id``=``"main"``>`
`<``div` `class``=``"msg-editer"` `id``=``"div0"``>`
`<``form` `method``=``"POST"` `enctype``=``"multipart/form-data"` `action``=``""``>`
`<``label` `class``=``"block"` `for``=``""``>標(biāo)題 <``input` `type``=``"text"`
`name``=``"Title"` `value``=``"第0個(gè)"` `id``=``"titlediv0"`
`onchange``=``"setTitle("div0")"` `class``=``"msg-input"` `/> <``label`
`class``=``"block"` `for``=``""``>作者<``em` `class``=``"mp_desc"``>(選填) <``input`
`type``=``"text"` `name``=``"Author"` `value``=``""` `id``=``"author"` `class``=``"msg-input"` `/>`
`<``label` `class``=``"block"` `for``=``""``><``span` `class``=``"upload-tip r"`
`id``=``"upload-tip"``>大圖片建議尺寸:720像素 * 400像素封面`
`<``div` `class``=``"cover-area"`
`style``=``"vertical-align: bottom; margin-bottom: 10px;"``>`
`<``input` `type``=``"file"` `name``=``"file"` `id``=``"filediv0"` `/> <``input`
`type``=``"button"` `value``=``"上傳"` `onclick``=``"ajaxFileUpload("div0")"` `/> <``img`
`src``=``""` `id``=``"imgdiv0"`
`style``=``"width: 100px; vertical-align: bottom; border: 1px solid gray"` `/>`
`<``a` `id``=``"rmdiv0"` `href``=``"#"` `onclick``=``"removeImage("div0")"`
`style``=``"vertical-align: bottom;"``>刪除`
``
``
`<``label` `class``=``"block"` `for``=``""``>正文`
`<``textarea` `name``=``"Content"` `id``=``"myEditor"``>`
`<``div` `class``=``"none"` `id``=``"url-block"` `style``=``"margin-top: 14px;"``>`
`<``label` `class``=``"block"` `for``=``""``>原文鏈接<``em` `class``=``"mp_desc"``>(選填)`
`<``input` `type``=``"text"` `name``=``"Content_Link"` `value``=``""` `id``=``"surl"` `class``=``"msg-input"` `/> <``br` `/>`
``
``
``
``
`<``div` `style``=``"clear: both; padding-top: 20px;"``>`
`<``div`
`style``=``"clear: both; text-align: center; padding-top: 20px; border-top: 1px solid #ffffdffffd;"``>`
`<``input` `type``=``"button"` `onclick``=``"publishTemplate()"`
`class``=``"btn span2 btn-success"` `value``=``"保存"` `/> <``input` `type``=``"button"`
`onclick``=``"removeTemplate()"` `class``=``"btn span2 btn-danger"` `value``=``"刪除"` `/>`
``
``
``

javascript:

``

源碼下載:微信多圖文界面

本文已被整理到了《JavaScript微信開發(fā)技巧匯總》了解更多,歡迎大家學(xué)習(xí)閱讀。

為大家推薦現(xiàn)在關(guān)注度比較高的微信小程序教程一篇:《微信小程序開發(fā)教程》了解更多小編為大家精心整理的,希望喜歡。

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/99282.html

相關(guān)文章

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<