鼠标经过切换不同的显示内容怎么做呢?_html/css_WEB-ITnose

php中文网
发布: 2016-06-21 09:00:17
原创
2214人浏览过

鼠标经过切换不同的显示内容怎么做呢?  类似这个网站上     鼠标移动上面菜单 下面的内容会切换 求别删图片 真心求教

钛投标
钛投标

钛投标 | 全年免费 | 不限字数 | AI标书智写工具

钛投标 157
查看详情 钛投标


回复讨论(解决方案)

在线急等······

我还在等。。

仍然在等。。。

建议百度关键字:js tab选项卡。
http://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&tn=baidu&wd=tab%E9%80%89%E9%A1%B9%E5%8D%A1&oq=js%20tab%E9%80%89%E9%A1%B9%E5%8D%A1&rsv_pq=d492a3da0009aea6&rsv_t=7c449SlOK3Rg3Wz5eHTM%2Fa5SOUPBCXEUx1aN4WQgyXUev9Cq4ZuUujwziEw&rsv_enter=0&rsv_sug3=1&rsv_sug1=1&prefixsug=tab%E9%80%89%E9%A1%B9%E5%8D%A1&rsp=0&rsv_sug7=100&inputT=1014&rsv_sug4=1014

function $(id){	return typeof id==='string'?document.getElementById(id):id;}window.onload=function(){	//获取鼠标滑过或点击的标签和要切换内容的元素	var titles=$('notice-tit').getElementsByTagName('li'); 	var divs=$('notice-con').getElementsByTagName('div');	if(titles.length!=divs.length)	return;    // 遍历titles下的所有li    for(var i=0;i<titles.length;i++){    	titles[i].id=i;    	titles[i].onmouseover=function(){    		//清除所有li上的class    		for(var j=0;j<titles.length;j++){    			titles[j].className="";    			divs[j].style.display='none';    		}    		// 设置当前划过的class为高亮    		this.className="select";    		divs[this.id].style.display='block';    	}     }};
登录后复制

你要是看不懂,私聊我,我给你代码把

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号