js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
程序员文章站
2022-06-05 10:19:16
...
本文实例讲述了js实现类似新浪微博首页内容渐显效果的方法。分享给大家供大家参考。具体分析如下:
要点一:
if(list_li.length>=1){ list.insertBefore(li,list_li[0]); }else{ list.appendChild(li); }
从在前面插入新内容,如果没有新内容,就是在后面插入新内容。
要点二:
var height=li.offsetHeight; li.style.height='0';
取得li的高度,然后再li的高度设置为0,因为高度的变化是从0到现有高度。
要点三:
startrun(li,"height",height,function(){ startrun(li,"opacity","100"); })
先是高度变化,再是透明度变化
最后,上代码:
无标题文档
希望本文所述对大家的javascript程序设计有所帮助。
推荐阅读
-
js实现新浪微博首页效果_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现类似新浪微博首页内容渐显效果的方法_javascript技巧
-
js实现新浪微博首页效果_javascript技巧
-
JS实现的新浪微博大厅文字内容滚动效果代码_javascript技巧
-
JS+CSS实现仿新浪微博搜索框的方法_javascript技巧
-
JS实现新浪微博效果带遮罩层的弹出框代码_javascript技巧
-
JS实现新浪微博效果带遮罩层的弹出框代码_javascript技巧
-
JS+CSS实现仿新浪微博搜索框的方法_javascript技巧
-
JS实现的新浪微博大厅文字内容滚动效果代码_javascript技巧