1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 绝对经典的滑动门特效代码

绝对经典的滑动门特效代码

时间:2024-06-08 23:00:09

相关推荐

绝对经典的滑动门特效代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "/TR/1999/REC-html401-19991224/loose.dtd">

<HTML><HEAD><TITLE>绝对经典资讯网站滑动门特效</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<style type="text/css">

<!--

*{padding:0; margin:0}

img{border:0; display:block;}

BODY {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center

}

.dis {

DISPLAY: block

}

.undis {

DISPLAY: none

}

#cntR {

WIDTH: 302px

}

#NewsTop {

CLEAR: both; MARGIN-BOTTOM: 16px

}

#NewsTop P {

FLOAT: left; LINE-HEIGHT: 21px

}

#NewsTop P.topTit {

FONT-WEIGHT: bold; WIDTH: 117px

}

#NewsTop P.topC0 {

BACKGROUND: #dcdcdc; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer

}

#NewsTop P.topC1 {

BACKGROUND: #c2130e; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff

}

#NewsTop #NewsTop_tit {

BORDER-BOTTOM: #c2130e 3px solid; HEIGHT: 21px

}

#NewsTop #NewsTop_cnt {

PADDING-LEFT: 32px; BACKGROUND: url(/jscss/demoimg/01/li.gif) no-repeat 12px 13px; LINE-HEIGHT: 26px; PADDING-TOP: 7px; HEIGHT: 260px; TEXT-ALIGN: left

}

#NewsTop #NewsTop_cnt A {

COLOR: #666; TEXT-DECORATION: none

}

#NewsTop #NewsTop_cnt A:hover {

COLOR: #c2130e; TEXT-DECORATION: underline

}

-->

</style>

</HEAD>

<BODY>

<DIV id="cntR">

<DIV id="NewsTop">

<DIV id="NewsTop_tit">

<P class="topTit">新闻排行</P>

<P class="topC0">国内</P>

<P class="topC0">国际</P>

<P class="topC0">社会</P>

<P class="topC0">网评</P>

</DIV>

<DIV id="NewsTop_cnt">

<SPAN title="Don't delete me"></SPAN>

<SPAN>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很酷的JavaScript图片放大效果</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<div align="right"><A href="#" target=_self>...more</A></div>

</SPAN>

<SPAN>

<A href="#" target=_self>很酷的JavaScript图片放大效果</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很酷的JavaScript图片放大效果</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<div align="right"><A href="#" target=_self>...more</A></div>

</SPAN>

<SPAN>

<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>仿天极网首页幻灯图片切换特效</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<div align="right"><A href="#" target=_self>...more</A></div>

</SPAN>

<SPAN>

<A href="#" target=_self>非常炫的图片特效,响应鼠标变化</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>非常炫的图片特效,响应鼠标变化</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>复选框全选、全不选的Javascript代码</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>非常炫的图片特效,响应鼠标变化</A><BR>

<A href="#" target=_self>很实用的对联广告代码(自适应高度)</A><BR>

<A href="#" target=_self>可拖动、关闭及最小化的层拖动窗口</A><BR>

<div align="right"><A href="#" target=_self>...more</A></div>

</SPAN>

</DIV>

<SCRIPT>

var Tags=document.getElementById('NewsTop_tit').getElementsByTagName('p');

var TagsCnt=document.getElementById('NewsTop_cnt').getElementsByTagName('span');

var len=Tags.length;

var flag=1;//修改默认值

for(i=1;i<len;i++){

Tags[i].value = i;

Tags[i].οnmοuseοver=function(){changeNav(this.value)};

TagsCnt[i].className='undis';

}

Tags[flag].className='topC1';

TagsCnt[flag].className='dis';

function changeNav(v){

Tags[flag].className='topC0';

TagsCnt[flag].className='undis';

flag=v;

Tags[v].className='topC1';

TagsCnt[v].className='dis';

}

</SCRIPT>

</DIV>

</DIV>

</BODY></HTML>

本文来自CSDN博客,转载请标明出处:/mane_yao/archive//04/26/5530388.aspx

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。