js网站淡入淡出核心思想-自学php网

js网站淡入淡出核心思想

来源：未知时间：2014-09-27 09:48 作者：xbdadmin 阅读:次

[导读] 上面是图片下面是源码 script type=text/javascript window.onload=function() { var oBox=document.getElementById(box); var aLi=document.getElementsByTagName(li); var i=0; for(i=0;iaLi.length;i++) { var oP=aLi[i].getElementsByTagName(p...

上面是图片下面是源码

window.onload=function()

{

var oBox=document.getElementById("box");

var aLi=document.getElementsByTagName('li');

var i=0;

for(i=0;i<aLi.length;i++)

{

var oP=aLi[i].getElementsByTagName('p')[0];

oP.iAlpha=0;

oP.time=null;

aLi[i].onmouseover=function()

{

var oP=this.getElementsByTagName('p')[0];

oP.time?clearInterval(oP.time):"";

oP.style.opacity=1;

oP.style.filter="alpha(opacity=100)";

oP.iAlpha=100;

}

aLi[i].onmouseout=function(){

starmove(this.getElementsByTagName('p')[0]);

};

}

};

function starmove(obj)

{

obj.time?clearInterval(obj.time):"";

obj.time=setInterval(function(){domove(obj);},14);

}

function domove(obj)

{

var iSpeed=5;

if(obj.iAlpha<=iSpeed)

{

clearInterval(obj.time);

obj.iAlpha=0;

obj.time=null;

}

else

{

obj.iAlpha-=iSpeed;

}

obj.style.opacity=obj.iAlpha/100;

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

}

</script>

<body>

<ul>

<li>

<p></p>

<div>

<a target="_blank" href="http://bbs.miaov.com/viewthread.php?tid=126&extra=page%3D1">课程常见问题合集</a>

</div>

</li>

<li>

<p></p>

<div>

<a target="_blank" href="http://bbs.miaov.com/viewthread.php?tid=78&extra=page%3D1">妙味课堂JS课程结课标准</a>

</div>

</li>

<li>

<p></p>

<div>

<a target="_blank" href="http://bbs.miaov.com/forumdisplay.php?fid=4">网页特效大集合(每天更新)</a>

</div>

</li>

<li>

<p></p>

<div>

<a target="_blank" href="http://bbs.miaov.com/viewthread.php?tid=30&extra=page%3D1">妙味课堂上课地点</a>

</div>

</li>

<li>

<p></p>

<div>

<a target="_blank" href="http://bbs.miaov.com/viewthread.php?tid=50&extra=">CSS课程最新开班时间</a>

</div>

</li>

<li>

<p></p>

<div>

<a target="_blank" href="http://bbs.miaov.com/viewthread.php?tid=49&extra=">JavaScript课程最新开班时间</a>

</div>

</li>

<li>

<p></p>

<div>

<a target="_blank" href="http://www.miaov.com/course_detail_3.html.php#course_details">妙味推出零基础网页制作课程</a>

</div>

</li>

</ul>

</div>

<h2><strong>茶馆新鲜事</strong><a href="http://bbs.miaov.com">more</a></h2>

<ul>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=29&extra=page%3D1" target="_blank">JavaScript实现的3D球面标签云效果</a>

</div>

</li>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=104&extra=page%3D1" target="_blank">周六JavaScript聚会活动现场记录</a>

</div>

</li>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=43&extra=page%3D1" target="_blank">阿里前端面试题</a>

</div>

</li>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=36&extra=page%3D1" target="_blank">浅析google地图前端实现原理（一）</a>

</div>

</li>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=46&extra=page%3D1" target="_blank">Windows计算器（简易版）作业练习——妙味课堂</a>

</div>

</li>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=45&extra=page%3D1" target="_blank">妙味课堂——手风琴缓动效果</a>

</div>

</li>

<li>

<p></p>

<div>

<a href="http://bbs.miaov.com/viewthread.php?tid=29&extra=page%3D1" target="_blank">JavaScript实现的3D球面标签云效果</a>

</div>

</li>

</ul>

</div>

<dl>

</body>

AJAX Http Requests

js 如何获取屏幕/显示器高度和宽带_window.screen对象

子栏目

js网站淡入淡出核心思想

最新评论

添加评论

更多文章推荐

添加评论