1：progress進(jìn)度條

在網(wǎng)站制作、成都網(wǎng)站建設(shè)過(guò)程中，需要針對(duì)客戶的行業(yè)特點(diǎn)、產(chǎn)品特性、目標(biāo)受眾和市場(chǎng)情況進(jìn)行定位分析，以確定網(wǎng)站的風(fēng)格、色彩、版式、交互等方面的設(shè)計(jì)方向。創(chuàng)新互聯(lián)還需要根據(jù)客戶的需求進(jìn)行功能模塊的開發(fā)和設(shè)計(jì)，包括內(nèi)容管理、前臺(tái)展示、用戶權(quán)限管理、數(shù)據(jù)統(tǒng)計(jì)和安全保護(hù)等功能。

 
progress
 

 Google運(yùn)行結(jié)果：
　

2：datalist 下拉框（可輸入）

*并且具有自動(dòng)補(bǔ)全功能

3：canvas（畫布）元素

var canvas=document.getElementById("canvas1");//獲取當(dāng)前的畫布元素
var str=canvas.getContext("2d");//表示這是一張2d的畫布
str.lineWidth=5;//設(shè)置線的厚度
str.strokeStyle="#fff";//設(shè)置顏色
str.moveTo(0,0);//設(shè)置下筆位置
str.lineTo(800,0);//設(shè)置下筆的方向位置
str.arc(50,200,20,4.75,Math.PI*0.5,false);//第一個(gè)和第二個(gè)都表示圓心（下筆的位置），第三個(gè)表示圓的半徑，第四個(gè)表示結(jié)束的位置，最后一個(gè)是否逆時(shí)針

........

效果圖：（作者畫的有點(diǎn)丑，大家可以自由發(fā)揮=。=）



4：video（播放器）

    //播放器的視頻資源