鼠标经过页面左侧或者右侧图片时弹出菜单,js如何实现,现在等~

如题所述

http://hellobmw.com/archives/javascript-onmouseover-popmenu.html

<script type="text/javascript">
function popMenu(objId) {
var obj = document.getElementById(objId);
if (obj.style.display == 'none') {
obj.style.display = 'block';
} else {
obj.style.display = 'none';
}
}
</script>

<div id="menuCaption" onmouseover="popMenu('menuLists');" onmouseout="popMenu('menuLists');">
<!-- 当鼠标悬停在这里时显示下面列表的内容 -->
<ul id="menuLists" style="display:none;">
<!-- 这里是鼠标悬停时显示的内容 -->
<li>菜单列表内容</li>
<li>菜单列表内容</li>
<li>菜单列表内容</li>
</ul>
</div>

原理

参考资料:http://hellobmw.com/archives/javascript-onmouseover-popmenu.html

温馨提示:内容为网友见解,仅供参考
无其他回答

鼠标经过页面左侧或者右侧图片时弹出菜单,js如何实现,现在等~
<!-- 当鼠标悬停在这里时显示下面列表的内容 --> <!-- 这里是鼠标悬停时显示的内容 --> 菜单列表内容 菜单列表内容 菜单列表内容 原理

求个"鼠标经过一张图片的时候帮边弹出另一张图片"的js代码???
简单的可以用css:css:#one{position:relative;} hidden{position:absolute; top:100px;left:200px;display:none;} one:hover #hidden{display:block;}} ---> 或者使用js控制;var one=document.getElementById('one'),hidden=document.getElementById('hidden');one.onmouseover=function(){ ...

网页 菜单 鼠标经过离开弹出和收缩功能如何实现?
你给的这个参考网站是用FLASH做出来的,我们常用的为了方便维护、修改,一般是用DIV+CSS+JS来实现,只要用onMouseOver和onMouseOut事件响应就可以了,你把源码发上来我帮你下,或者你加我HI帮你处理!谢谢采纳!

求救啊,用js实现图片左右滚动,鼠标经过图像会在滚动图像下方的固定位置...
demo.onmouseout=function() {MyMar1=setInterval(Marquee1,Picspeed)document.getElementById('bimg').innerHTML='';\/\/当鼠标移出是清空图片 } function show_big(src){ document.getElementById('bimg').innerHTML='';\/\/在id为bimg的div中显示图片 } <!--最新图文代码结束--> 参考资料:www...

HTML中鼠标悬浮时的下拉菜单用CSS怎么做
.tanchucaidan{ display:none;} \/*设置弹出菜单默认隐藏*\/.dingjicaidan li:hover ul{ display:block;} \/*当鼠标移动到dingjicaidan下的li标签时,改变li下的ul标签的display属性(显示出来)*\/其实就这么简单,自己琢磨下吧,纯手打,望采纳!

如何在HTML里面实现鼠标划上去导航出现下拉菜单呢?或者说用js插件如何...
这个用jQuery就的toggle函数可以实现。<!DOCTYPE html> Title .main { list-style: none; float: left; margin-left: 20px; } .main li { list-style: none; text-align: left; margin-left: -40px; } .main ul...

js实现鼠标滑过显示二级菜单
先获取你要鼠标滑过的元素 也就是产品介绍这个a元素,你给其设置一个id假如设置其为product 那么先获取他 var product=document.getElementById('product');再获取你要显示的子菜单元素productInfo var productInfo=document.getElementById('productInfo');productInfo.style.display='none';\/\/设置其隐藏...

如何用js实现鼠标滑过图片切换另一张图片
1、准备切换图片素材,一般是两张,如图,放入img文件夹,跟HTML同级。2、然后用img嵌入到网页,嵌入其中的一张,另外一张待会切换。3、如图,现在是静态的,鼠标放上去也不会产生切换反应,因为没有用JS。4、如图,获取img,转成JS对象,加个[0]就可以转js对象了。5、然后设定经过事件,切换成另一...

像这样的效果如何实现,鼠标悬停一处,右侧弹出一个层
第一种用JS 鼠标hover时候触发 第二种用CSS 的hover伪类

html网页中 如何 鼠标经过图片 然后旁边显示字体 或者 在另外一个模...
img标签里的title属性 使用js,吧你要显示的模块的css内属性display:none; 鼠标经过事件发生时改为display:block; 鼠标滑出后又改成none

相似回答