国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

javascript 緩沖效果實現代碼 推薦

2019-11-21 01:08:20
字體:
來源:轉載
供稿:網友
菜鳥版代碼如下:
理解這段代碼就基本上掌握了
復制代碼 代碼如下:

function f_s() {
var obj = document.getElementById("top");
obj.style.display = "block";
obj.style.height = "1px";

var sw = function () {
var s_width = parseInt(obj.style.height);
if (s_width < 350) {
obj.style.height = (s_width + Math.ceil((350 - s_width) / 15)) + "px";
}
else {
clearInterval(st);
}
}
var st = window.setInterval(sw, 1);
}


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

中級版本
復制代碼 代碼如下:

/*
函數名稱: Scroll
Scroll(obj, h, s)
參數說明:
obj,[object] id值或對象. 必需
h,[height] 展開后的高度. 可選(默認為200px)
s,[speed] 展開速度,值越小展開速度越慢. 可選(默認為1.2){建議取值為1.1到2.0之間[例如:1.17]}.
函數返回值:
true 展開(對象的高度等于展開后的高度)
false 關閉(對象的高度等于原始高度)
*/
function Scroll(obj, h, s){
if(obj == undefined){return false;}
var h = h || 200;
var s = s || 1.2;
var obj = typeof(obj)=="string"?document.getElementById(obj):obj;
var status = obj.getAttribute("status")==null;
var oh = parseInt(obj.offsetHeight);
obj.style.height = oh;
obj.style.display = "block";
obj.style.overflow = "hidden";
if(obj.getAttribute("oldHeight") == null){
obj.setAttribute("oldHeight", oh);
}else{
var oldH = Math.ceil(obj.getAttribute("oldHeight"));
}
var reSet = function(){
if(status){
if(oh < h){
oh = Math.ceil(h-(h-oh)/s);
obj.style.height = oh+"px";
}else{
obj.setAttribute("status",false);
window.clearInterval(IntervalId);
}
}else{
obj.style.height = oldH+"px";
obj.removeAttribute("status");
window.clearInterval(IntervalId);
}
}
var IntervalId = window.setInterval(reSet,10);
return status;
}


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

高級版本
這個很全,不過,我是沒有看懂的.- -!!
http://www.cnblogs.com/cloudgamer/

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

打包下載
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 田阳县| 舒城县| 沙坪坝区| 福建省| 商丘市| 井冈山市| 皮山县| 子洲县| 武山县| 文化| 库尔勒市| 阳新县| 成武县| 石城县| 晋城| 浦江县| 弥勒县| 尼玛县| 息烽县| 浮梁县| 柯坪县| 肥乡县| 休宁县| 弥渡县| 梓潼县| 绥化市| 嘉善县| 军事| 竹溪县| 凉城县| 桐庐县| 青岛市| 托克逊县| 马龙县| 扎鲁特旗| 凤台县| 湟源县| 札达县| 水富县| 青冈县| 麟游县|