css3毛玻璃效果
不過今天又仔細研究了一下css3中的blur方法,可以實現同樣的效果。且配合js可以實現模糊縮放的效果。
css**
.blur
.blur
html部分1
其中blur(10px)中的大小決定了模糊後的**大小和模糊程度
jquery 效果 – 出現/消失
fadein()/ fadeout()/fadetoggle() (淡入淡出效果)
語法:$(selector).fadeto(speed,callback);//speed可取值:"slow"、"fast" 或毫秒。
1$(selector).fadeto(speed,callback);//speed可取值:"slow"、"fast" 或毫秒。
$(selector).fadeto(speed,opacity,callback);//fadetoggle()有透明度屬性(值介於 0 與 1 之間)
1$(selector).fadeto(speed,opacity,callback);//fadetoggle()有透明度屬性(值介於 0 與 1 之間)
案例$(document).ready(function());
});$(document).ready(function());
});fadein( ),fadeout( )會讓div塊容積消失;
$(document).ready(function)());
});$(document).ready(function)());
});fadetoggl()置透明度值後,塊的容積依然存在,只是透明度改變。
hide()/show()
語法:$(selector).toggle(speed,callback);
1$(selector).toggle(speed,callback);
案例$(document).ready(function());
});$(document).ready(function());
});如果設定了速度是毫秒值,被事件激發的塊:
塊(有寬、高值且不是100%,沒有定位)——預設從左上角開始出現/從右下角開始隱藏;
塊(有寬、高值且不是100%,有定位)——定位的座標點開始出現/從反向位置隱藏;
塊(有高值,寬是100%)——預設從上開始出現/從下開始隱藏;
slidedown()/slideup()/slidetoggle() (滑動效果)
用法同上,但是只有上下的方向。
html5中使用js控制audio標籤的方法
標籤可以在html5瀏覽器中**音訊檔案。
預設提供乙個控制面板,但是有些時候我們只需要**聲音,控制面板由我們自己來定義其顯示的狀態。
這裡我們可以使用js來進行控制,**如下:
var audio ;
= function()
var initaudio = function()
function getcurrenttime(id)
function playorpaused(id,obj)
'**';
}function hideorshowcontrols(id,obj)
= 'controls';
= '隱藏控制框'
return;
}function vol(id,type , obj)
=volume;
}else if(type == 'down')
=volume;
}'nowvol').innerhtml = returnfloat1(
}function muted(id,obj)else
}//保留一位小數點
function returnfloat1(value)
return value;
}呼叫方式如下:
獲取**時間
**隱藏控制框
開啟靜音音量
HTML5簡介及HTML5的發展前景
html的概念定義及其發展前景!web技術發展越來越迅速,html5的到來更是把web技術推向了巔峰,目前html5技術已經日趨成熟,不僅在pc段,html5更是在移動終端上也有廣泛的應用,html5的未來十分光明,值得我們去學習。html5是最新一代的html標準,它不僅擁有html中所有的特性,...
Html5基礎培訓
html5做為 網際網路 大環境下前端開發的新標準,html5的優勢已經不需要過多的渲染,跨平台的特性,較強的相容性和良好的互動性,正在猛烈的衝擊著網際網路行業。html5開發人才正處於緊缺狀態,這也催生了越來越多的人開始看重並學習html5。說到html5基礎培訓可以從兩個渠道切入。第一 自學。對...
html5學員成功蛻變
人生路上哪有一帆風順,人生路上哪有永遠的風雨同舟,更多的時候你要邁著步伐向前走,向前走,不要回頭。我是鄭州千鋒html5班的一名學員,年輕真的很短,如果你覺得青春很長,那是因為你還沒長大,你應該幸福,因為你年輕。堅持自己的目標,也許路上會有不同的聲音,或許是質疑或許是嘲諷,可你總不能忘記自己的初衷,...