中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

js實現(xiàn)類似新浪微博首頁內(nèi)容漸顯效果的方法
來源:易賢網(wǎng) 閱讀:1072 次 日期:2015-04-13 14:04:34
溫馨提示:易賢網(wǎng)小編為您整理了“js實現(xiàn)類似新浪微博首頁內(nèi)容漸顯效果的方法”,方便廣大網(wǎng)友查閱!

要點一:

if(list_li.length>=1){

list.insertBefore(li,list_li[0]);

}else{

list.appendChild(li);

}

從在前面插入新內(nèi)容,如果沒有新內(nèi)容,就是在后面插入新內(nèi)容。

要點二:

var height=li.offsetHeight;

li.style.height='0';

取得li的高度,然后再li的高度設置為0,因為高度的變化是從0到現(xiàn)有高度。

要點三:

startrun(li,"height",height,function(){

startrun(li,"opacity","100");

})

先是高度變化,再是透明度變化

最后,上代碼:

<!DOCTYPE html>

<html>

<head>

<meta charset="gb2312" />

<title>無標題文檔</title>

<style>

<!--

body,ul,li{margin:0; padding:0; font:12px/1.5 arial;}

#list{width:400px; margin:10px auto;}

#list li{list-style:none; padding:5px 0 ;

overflow:hidden; border-bottom:1px dotted #ccc;

filter:alpha(opacity:0); opacity:0; vertical-align:middle;}

-->

</style>

<script>

<!--

window.onload = function(){

var btn = document.getElementById("btn");

var con = document.getElementById("con");

var list = document.getElementById("list");

var list_li = list.getElementsByTagName("li");

btn.onclick = function(){

var li = document.createElement("li");

li.innerHTML = con.value;

con.value='';

if(list_li.length>=1){

list.insertBefore(li,list_li[0]);

}else{

list.appendChild(li);

}

var height=li.offsetHeight;

li.style.height='0';

startrun(li,"height",height,function(){

startrun(li,"opacity","100");

})

}

}

function getstyle(obj,name){

if(obj.currentStyle){

return obj.currentStyle[name];

}else{

return getComputedStyle(obj,false)[name];

}

}

function startrun(obj,attr,target,fn){

clearInterval(obj.timer);

obj.timer = setInterval(function(){

var cur = 0;

if(attr == "opacity"){

cur = Math.round(parseFloat(getstyle(obj,attr))*100);

}else{

cur = parseInt(getstyle(obj,attr));

}

var speed = (target-cur)/8;

speed = speed>0?Math.ceil(speed):Math.floor(speed);

if(cur == target){

clearInterval(obj.timer);

if(fn){

fn();

}

}else{

if(attr == "opacity"){

obj.style.filter = "alpha(opacity="+(cur+speed)+")";

obj.style.opacity = (cur+speed)/100;

}else{

obj.style[attr] = cur + speed + "px";

}

}

},30)

}

//-->

</script>

</head>

<body>

<textarea id="con" cols="50" rows="5"></textarea>

<input id="btn" name="" type="button" value="發(fā)布">

<ul id="list">

</ul>

</body>

</html>

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
亚洲一级高清| 国产精品色网| 亚洲日本国产| 欧美大片在线观看| 国产午夜精品全部视频播放| 久久久噜久噜久久综合| 欧美一级免费视频| 欧美在线三级| 欧美日韩午夜在线| 亚洲日本免费| 国产日韩欧美在线看| 国产视频一区免费看| 欧美成人精精品一区二区频| 久久久久网站| 在线亚洲免费| 国产一区二区三区电影在线观看| 国产精品国产三级国产普通话蜜臀| 欧美福利网址| 欧美性大战久久久久| 国产日韩欧美在线视频观看| 亚洲国产精品123| 欧美日韩国产丝袜另类| 伊人久久亚洲热| 国产日韩一区二区三区在线| 亚洲激情在线观看视频免费| 欧美高清在线播放| 国产精品入口日韩视频大尺度| 一级成人国产| 欧美日韩日本国产亚洲在线| 亚洲乱码日产精品bd| 国产乱肥老妇国产一区二| 一本色道久久| 老司机67194精品线观看| 国产精品久久久久久福利一牛影视| 欧美视频一区二区| 国产精品高潮呻吟视频| 亚洲欧美亚洲| 久久综合五月| 欧美精品在线观看一区二区| 欧美一区不卡| 欧美激情一区二区三区在线视频观看 | 亚洲欧美视频一区二区三区| 欧美福利电影网| 国产精品h在线观看| 国产一区二区三区在线观看免费视频 | 欧美日韩精品综合在线| 亚洲深夜影院| 国产一区二区三区四区三区四| 欧美国产丝袜视频| 久久高清国产| 亚洲午夜在线观看| 亚洲精品免费在线| 亚洲电影免费观看高清| 国内精品亚洲| 国产精品theporn| 欧美成人免费全部观看天天性色| 性欧美精品高清| 一本色道久久88综合亚洲精品ⅰ| 在线成人国产| 欧美视频观看一区| 欧美精品一区二区三| 欧美成人免费在线视频| 欧美在线影院在线视频| 亚洲男人av电影| 亚洲午夜av| 午夜亚洲一区| 久久精品三级| 久久免费少妇高潮久久精品99| 亚洲免费影视第一页| 亚洲免费在线精品一区| 午夜精品美女久久久久av福利| 亚洲欧美在线磁力| 久久久久久久激情视频| 欧美高清视频在线播放| 欧美三级日本三级少妇99| 国产精品一区二区三区久久| 亚洲国产日韩欧美| 亚洲区一区二区三区| 一区二区三区免费看| 午夜精品在线观看| 久久久xxx| 欧美日韩亚洲网| 国产区精品在线观看| 亚洲高清免费视频| 亚洲欧美日本日韩| 欧美大片在线观看| 国产美女扒开尿口久久久| 在线观看亚洲专区| 99亚洲一区二区| 日韩亚洲不卡在线| 欧美一区二区视频在线观看2020| 久久精品一区蜜桃臀影院 | 一本大道久久a久久综合婷婷| 亚洲激情在线播放| 亚洲亚洲精品在线观看| 久久9热精品视频| 欧美理论电影在线播放| 欧美三级中文字幕在线观看| 韩日欧美一区二区| 亚洲在线国产日韩欧美| 欧美顶级大胆免费视频| 国内成人精品2018免费看| 性久久久久久久| 国产精品呻吟| 欧美淫片网站| 一区二区视频免费在线观看| 亚洲欧美日韩一区二区| 国产精品久久久久9999吃药| 亚洲一区二区3| 国产精品自拍网站| 欧美一区二区三区精品| 精品电影在线观看| 欧美噜噜久久久xxx| 在线视频日韩精品| 国产日韩亚洲| 欧美激情 亚洲a∨综合| 在线亚洲观看| 加勒比av一区二区| 欧美日韩一二区| 欧美一区二区成人| 亚洲三级影院| 国产色爱av资源综合区| 久久综合一区二区三区| 99伊人成综合| 国产一区成人| 欧美日产国产成人免费图片| 亚洲欧美日韩国产一区| 国产精品高精视频免费| 久久久久免费观看| 亚洲欧美国产77777| 亚洲国产影院| 狠狠色综合色区| 国产精品日韩在线| 欧美日韩系列| 欧美成人国产va精品日本一级| 国产伦精品一区二区三区在线观看| 久久综合一区二区| 可以免费看不卡的av网站| 欧美在线一区二区三区| 午夜精品一区二区在线观看 | 国产亚洲精品久久久久动| 小黄鸭精品aⅴ导航网站入口| 久久嫩草精品久久久精品一| 欧美精品一区在线| 国语精品一区| 亚洲三级性片| 欧美日本一道本在线视频| 制服丝袜激情欧洲亚洲| 国内精品伊人久久久久av一坑| 欧美精品网站| 欧美精品久久99| 欧美国产激情| 蜜臀99久久精品久久久久久软件| 亚洲视频在线播放| 夜夜嗨av色一区二区不卡| 亚洲美女黄色片| 亚洲天天影视| 午夜欧美精品久久久久久久| 国产精品久久一区主播| 老司机精品导航| 亚洲午夜精品一区二区三区他趣| 国产一区二区三区在线观看免费 | 韩国精品在线观看| 欧美精品黄色| 欧美一区二区三区视频免费| 亚洲人精品午夜| 韩国一区电影| 国产精品免费看久久久香蕉| 久久精品日韩欧美| 久久成人精品| 欧美亚洲综合另类| 久久综合中文色婷婷| 国产精品家庭影院| 国产性做久久久久久| 欧美日韩三级电影在线| 久久久久久久久一区二区| 久久国产日韩欧美| 99精品国产99久久久久久福利| 国产精品主播| 欧美电影在线观看完整版| 久久久噜噜噜久久中文字幕色伊伊 | 国产精品porn| 中文av字幕一区| 亚洲综合成人在线| 亚洲女性裸体视频| 国产精品极品美女粉嫩高清在线 | 欧美午夜一区二区| 欧美日韩免费区域视频在线观看| 欧美精品激情| 欧美三级网页| 国产精品尤物| 国产亚洲精品久久久久久| 国产一区二区欧美| 精品动漫3d一区二区三区免费| 激情文学综合丁香| 亚洲国产日韩综合一区| 亚洲精品视频一区| 亚洲夜晚福利在线观看| 西西人体一区二区| 久热国产精品|