站長資訊網
在線演示一個全屏切換效果實例
在線演示： DEMO DEMO中及以下代碼并沒有寫兼容代碼，請使用高級瀏覽器打開，IE版本對CSS3支持并不太友好，IE11打開沒有滾屏效果。 兼容代碼前綴： -webkit- -moz- -o- -ms- 直接上代碼： <!DOCT...
網頁制作 第25頁
制作動態視覺差背景（h5）的方法
制作網站時，可能會用到視覺差效果 如圖 視覺差在制作網頁時會有很炫酷的效果，今天要講的是如何呈現動態視覺差 效果如圖： 制作方法首先需要一個視覺差的插件 我所用的插件是一款較為大眾的視覺差插件 <link rel="styl...
Bootstrap的優缺點是什么？
Bootstrap的優缺點是什么？bootstrap是一個用于快速開發web應用程序和網站的前端框架，基于html、css、javascript。優點是:移動設備優先，支持主流瀏覽器，易使用，響應式設計缺點：不支持IE6，重度使用class...
Angular-指令總匯
2017-06-08 Angular指令。 ng-init:初始化數據 在屬性值中用 = 符號為變量值,用戶;隔開,并且不能使用var ng-app:開啟angular應用模式，一個頁面只能出現一次 可以有屬性值，但要在js中定義這個項目，...
html5新增標簽有哪些？
html5 1.聲明 html5：萬維網的核心語言、HTML規范的第五次重大修改。HTML5是HTML標準的下一個版本。 HTML5簡化了很多細微的語法， 例如doctype的聲明，你只需要寫<!doctype html>...
Html5拖放的實現方法
今天寫一下html5的拖放問題。 設置元素可以拖放 設置元素可以拖放用draggable屬性，設置為true。元素就可以拖放了。（注：火狐瀏覽器不支持） 拖拽元素事件 ondragstart：拖拽前觸發 ondrag：拖拽中連續觸發 ond...
Canvas學習系列一：初識canvas
最近你開始在學習canvas，打算把學習canvas的整個學習過程當中的一些筆記與總結記錄下來，如有什么不足之處還請大神們多多指出。 1. canvas介紹 Canvas元素的出現，可以說開啟的Web世界繪制動畫，圖形的大門，其功能非常強大...
彈性盒模型 flex box的認知與使用
彈性盒子模型 布局方案 傳統的布局方案大多采用div+css+float+position+display來實現，但是隨著css3中彈性盒子模型的推出，在前端布局方案中就又多出了一項彪悍的選項。而因為最近在研究小程序，發現中間使用彈性盒子布...
HTML的基本結構與標簽的初步了解
一、初步了解HTML HTML是一種超文本標簽語言，瀏覽器則是用來“解釋和執行”HTML源碼的工具。 HTML的基本結構 <!DOCTYPE html><html><head><meta chars...
JS案例聯系之留言板
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Docu...
