
在線演示一個(gè)全屏切換效果實(shí)例
在線演示: DEMO DEMO中及以下代碼并沒(méi)有寫(xiě)兼容代碼,請(qǐng)使用高級(jí)瀏覽器打開(kāi),IE版本對(duì)CSS3支持并不太友好,IE11打開(kāi)沒(méi)有滾屏效果。 兼容代碼前綴: -webkit- -moz- -o- -ms- 直接上代碼: <!DOCT...
在線演示: DEMO DEMO中及以下代碼并沒(méi)有寫(xiě)兼容代碼,請(qǐng)使用高級(jí)瀏覽器打開(kāi),IE版本對(duì)CSS3支持并不太友好,IE11打開(kāi)沒(méi)有滾屏效果。 兼容代碼前綴: -webkit- -moz- -o- -ms- 直接上代碼: <!DOCT...
制作網(wǎng)站時(shí),可能會(huì)用到視覺(jué)差效果 如圖 視覺(jué)差在制作網(wǎng)頁(yè)時(shí)會(huì)有很炫酷的效果,今天要講的是如何呈現(xiàn)動(dòng)態(tài)視覺(jué)差 效果如圖: 制作方法首先需要一個(gè)視覺(jué)差的插件 我所用的插件是一款較為大眾的視覺(jué)差插件 <link rel="styl...
Bootstrap的優(yōu)缺點(diǎn)是什么?bootstrap是一個(gè)用于快速開(kāi)發(fā)web應(yīng)用程序和網(wǎng)站的前端框架,基于html、css、javascript。優(yōu)點(diǎn)是:移動(dòng)設(shè)備優(yōu)先,支持主流瀏覽器,易使用,響應(yīng)式設(shè)計(jì)缺點(diǎn):不支持IE6,重度使用class...
2017-06-08 Angular指令。 ng-init:初始化數(shù)據(jù) 在屬性值中用 = 符號(hào)為變量值,用戶;隔開(kāi),并且不能使用var ng-app:開(kāi)啟angular應(yīng)用模式,一個(gè)頁(yè)面只能出現(xiàn)一次 可以有屬性值,但要在js中定義這個(gè)項(xiàng)目,...
html5 1.聲明 html5:萬(wàn)維網(wǎng)的核心語(yǔ)言、HTML規(guī)范的第五次重大修改。HTML5是HTML標(biāo)準(zhǔn)的下一個(gè)版本。 HTML5簡(jiǎn)化了很多細(xì)微的語(yǔ)法, 例如doctype的聲明,你只需要寫(xiě)<!doctype html>...
今天寫(xiě)一下html5的拖放問(wèn)題。 設(shè)置元素可以拖放 設(shè)置元素可以拖放用draggable屬性,設(shè)置為true。元素就可以拖放了。(注:火狐瀏覽器不支持) 拖拽元素事件 ondragstart:拖拽前觸發(fā) ondrag:拖拽中連續(xù)觸發(fā) ond...
最近你開(kāi)始在學(xué)習(xí)canvas,打算把學(xué)習(xí)canvas的整個(gè)學(xué)習(xí)過(guò)程當(dāng)中的一些筆記與總結(jié)記錄下來(lái),如有什么不足之處還請(qǐng)大神們多多指出。 1. canvas介紹 Canvas元素的出現(xiàn),可以說(shuō)開(kāi)啟的Web世界繪制動(dòng)畫(huà),圖形的大門(mén),其功能非常強(qiáng)大...
彈性盒子模型 布局方案 傳統(tǒng)的布局方案大多采用div+css+float+position+display來(lái)實(shí)現(xiàn),但是隨著css3中彈性盒子模型的推出,在前端布局方案中就又多出了一項(xiàng)彪悍的選項(xiàng)。而因?yàn)樽罱谘芯啃〕绦颍l(fā)現(xiàn)中間使用彈性盒子布...
一、初步了解HTML HTML是一種超文本標(biāo)簽語(yǔ)言,瀏覽器則是用來(lái)“解釋和執(zhí)行”HTML源碼的工具。 HTML的基本結(jié)構(gòu) <!DOCTYPE html><html><head><meta chars...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Docu...