這一小節(jié)我們先來(lái)講“動(dòng)畫(huà)過(guò)渡(Transitions)”這個(gè)插件的使用,源文件:transition.js
Bootstrap框架默認(rèn)給各個(gè)組件提供了基本動(dòng)畫(huà)的過(guò)渡效果,如果要使用,有兩種方法:
? 調(diào)用統(tǒng)一編譯的bootstrap.js;
? 調(diào)用單一的過(guò)渡動(dòng)畫(huà)的JavaScript插件文件transition.js(右側(cè)第29行引入Bootstrap上對(duì)外公布的transition.js的地址)。
transition.js文件為Bootstrap具有過(guò)渡動(dòng)畫(huà)效果的組件提供了動(dòng)畫(huà)過(guò)渡效果。不過(guò)需要注意的是,這些過(guò)渡動(dòng)畫(huà)都是采用CSS3來(lái)實(shí)現(xiàn)的,所以IE6-8瀏覽器是不具備這些過(guò)渡動(dòng)畫(huà)效果。
默認(rèn)情況之下,Bootstrap框架中以下組件使用了過(guò)渡動(dòng)畫(huà)效果:
? 模態(tài)彈出窗(Modal)的滑動(dòng)和漸變效果;
? 選項(xiàng)卡(Tab)的漸變效果;
? 警告框(Alert)的漸變效果;
? 圖片輪播(Carousel)的滑動(dòng)效果。
右側(cè)舉了一個(gè)“模態(tài)彈出窗(Modal)的滑動(dòng)和漸變效果”源代碼例子。
我來(lái)試試:可以把第29行代碼去掉,查看“模態(tài)彈出窗”的“滑動(dòng)漸變效果”還是否存在?
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)