100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS实现切换标签页效果实例代码【javascript】

JS实现切换标签页效果实例代码【javascript】

时间:2020-03-11 00:50:12

相关推荐

JS实现切换标签页效果实例代码【javascript】

web前端|js教程

JS,切换标签页

web前端-js教程

在网页区添加以下代码

dede英文站源码,ubuntu 访问群晖,python爬虫图片内容,迅雷.php,seo 热词lzw

网站源码pc 手机端,ubuntu安装ros步骤,tomcat数据源超时时间,济南山上爬虫,php选择要还原的文件怎么学,温州永嘉seolzw

<!--

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(/code/table/tab/o33249.jpg) 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

}

-->

在网页区添加以下代码

投票小程序 微信源码,如何打开文件用vscode,ubuntu进程指令,tomcat页面怎么进去,爬虫保存xml,php 虚拟目录配置,抖音seo计费系统源码,装饰装修 网站源码,磨房模板自带的导航 怎么去掉lzw

新闻排行

国内

国际

社会

网评

脚本之家

播放器之家

个性名字网

Office之家

素材之家

阅读器之家

...more脚本之家

播放器之家

个性名字网

Office之家

素材之家

阅读器之家

…more脚本之家

播放器之家

个性名字网

Office之家

素材之家

阅读器之家

…more脚本之家

播放器之家

个性名字网

Office之家

素材之家

阅读器之家

…more

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].onmouseover=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’;

}

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