首頁猿問 js彈出div的問題

js彈出div的問題

JavaScript PHP

初學(xué)乍練2 2016-11-16 14:28:35

請問各位大神，這種一點(diǎn)編輯那個字就彈出這個框的應(yīng)該怎么實現(xiàn)，希望大神不吝賜教，謝謝

查看完整描述

2 回答

Tobey_滔

TA貢獻(xiàn)242條經(jīng)驗獲得超128個贊

有兩種方式介紹給你!!!

方式一:用現(xiàn)成的前端框架..比如bootstrap或者layui...這些框架都提供了彈出框modal....還有就是layer(layui彈出框的核心)....學(xué)習(xí)就可以使用...編寫少量代碼就可以實現(xiàn)的....

方式二:自己手動...比較難....而且做得沒別人完善..效果也不怎么好或者炫酷......不過可以鍛煉能力....基本就是點(diǎn)擊按鈕出發(fā)div顯示....

反對回復(fù) 2016-11-16

初學(xué)乍練2
請問大神，第二種應(yīng)該怎么實現(xiàn)。?？梢圆痪唧w代碼，但希望可以具體思路。。js純小白。。只是希望實現(xiàn)功能就好，不需要太完美和復(fù)雜。。非常感謝，望可以抽空回答一二。

回復(fù) 2016-11-16
Tobey_滔
思路:你定義一個button 然后還有一個div(定位.樣式.先處理好).div隱藏起來(最簡單就是display:none;) 然后button定義一個onclick屬性...出發(fā)show()函數(shù)(這個函數(shù)自己寫).. show()函數(shù)主要是獲取div對象...然后用js把display:block;顯示....

回復(fù) 2016-11-16