用js如何做“把鼠标置于头像上就显示出 资料卡 注销 的文字链接”?文字链接要置于图片下方。不用jq。

作者&投稿:万才 (若有异议请与网页底部的电邮联系)
求鼠标经过图片或文字链接弹出图片的div+css+js代码~




function aa(){
document.getElementById("test2").style.display="block";
}
function bb(){
document.getElementById("test2").style.display="none";
}

想在QQ迷你资料卡上显示微博更新。设置方法如下:
登录微博页面http://t.qq.com→右上方“设置”→“隐私设置”→“把我的微博更新展示给QQ好友”前面打上勾→“保存”。
设置成功后,你的QQ好友可以在会话窗口、好友列表、迷你资料卡中看到你的微博更新。
注:仅QQ2010正式版SP2及以上版本支持显示微博更新。

你在图片上靠下位置写一个div id="123",Z-INDEX=100,大一点(目的是div位于图片上面的层),大概如下:
<img src="xxxx.jpg"/>
<div id="123" style=" width:100;height:20;position:absolute;top:40;left:0;Z-INDEX:100;display:none"><a href='xxx.html'>更换头像</a></div>
<script>
document.getElementById("123").onmouseover=function(){
this.style.display="";
}
document.getElementById("123").onmouseout=function(){
this.style.display="none";
}
</script>
}
没测试,仅供参考

用css的hover


用js如何做“把鼠标置于头像上就显示出 资料卡 注销 的文字链接”?文字...
更换头像 document.getElementById("123").onmouseover=function(){ this.style.display="";} document.getElementById("123").onmouseout=function(){ this.style.display="none";} } 没测试,仅供参考

我这个应该怎么用JS做鼠标经过和离开的效果
用jquery做的话,代码如下: (function () { (".logo").mouseenter(function () { (".logo_pass").css("display", "block");}).mouseout(function () { (".logo_pass").css("display", "none");});}); 111 222 js的话:给div设置id比较好做 window.onload = function ...

js代码实现鼠标移动到上面一个效果,鼠标离开效果保持
你要加的样式为.active ul--li实现tab (".li").on("mouseover",function(){ ("li").removeClass("active");(this).addClass("active");});ok!!

js 的鼠标点击事件是如何实现的?
JavaScript 的鼠标点击事件是通过为元素添加事件监听器来实现的。当用户点击页面上的元素时,会触发相应的事件处理函数。以下是一个简单的示例:1. 首先,获取要添加点击事件的元素:```javascriptvar element = document.getElementById("myElement");```2. 然后,为该元素添加点击事件监听器:```javas...

js怎么设置鼠标位置
使用pageX、pageY获取鼠标当前位置。在标签后面新建一个,创建鼠标移动时获取鼠标当前的位置。如图:js代码: document.onmousemove = function(e){ var loc = "当前位置 x:"+e.pageX+",y:"+e.pageY document.getElementById("point-loc").innerHTML = loc;} 保存html后使用浏览器打开即可看到...

Js中,“鼠标移到或者点击了一个元素”,代码要怎么写
那是两个事件 只能分开写 onmouseover和onclick 而且一般来说点击首先要移到元素上 所以这个有重复了 不知道你怎么想的 这种重复的情况怎么算 难道执行两次吗

js css 鼠标移入某个区域滑出一个框的效果怎么做?
1、输入代码,其中button是鼠标要滑动的地方,滑过button时,class为content的内容就要显示出来,鼠标滑出去的时候,这块内容就需要重新隐藏起来。2、把黑色内容的部分初始状态写成隐藏。只需要在class为content里写上display:none,即可。3、来看下代码和浏览器中的效果。可以看到黑色内容部分已经不见了。4、...

div层+js或者其他 如何实现当把鼠标放在某个用户的头像上是出现用户的...
第一个办法就是一楼说的(纠正一下,那个应该不是浮动,是定位)第二个办法比较笨,比如:在1007(a标签或是别的标签)上面加上js或是jquery触发事件onmouseover (jquery是mouseover)所有用户信息都调用出来 但是默认是隐藏的,当鼠标滑过时触发,原本隐藏的内容显示 ,鼠标滑过某一个编号的时候其他...

问题是:js是如何实现鼠标移动到不同栏位切换对应的显示内容的?_百度...
给你一个示例代码吧,引用了jQuery框架。你可以将这个js文件下载到本地或直接使用例子中的远程地址(不过由于国内google经常访问不了建议下载下来)<!DOCTYPE HTML> function switchContentBox(obj) { obj = $(obj); var contentBox = obj.parents('div.box:first').children('div...

在网页上用js如何做鼠标放在头像上就能弹出一个资料卡,移开后消失,求...
传统的做法就是给元素挂对应的事件 如果你用jQuery $('#demo').on('mouseenter', function(){ \/\/显示card 组件})$('#demo').on('mouseleave', function(){ \/\/关闭card 组件})

金城江区19671951023: 用js如何做“把鼠标置于头像上就显示出 资料卡 注销 的文字链接”?文字链接要置于图片下方.不用jq. -
田雪田七: 你在图片上靠下位置写一个div id="123",Z-INDEX=100,大一点(目的是div位于图片上面的层),大概如下:<img src="xxxx.jpg"/><div id="123" style=" width:100;height:20;position:absolute;top:40;left:0;Z-INDEX:100;display:none"><a ...

金城江区19671951023: 请问js高手,如何实现类似qq功能:如光标放在某个头像上,左边出现一个漂亮的描述框,光标离开又消失? -
田雪田七: 这个很好做的.鼠标移上去是hover{}然后 <div> <ul> <li><a>头像</a> <ul> <li><a href="#">头像左边的内容</a></li></ul> </li> </ul></div>头像左边的可以用top,left进行定位

金城江区19671951023: div层+js或者其他 如何实现当把鼠标放在某个用户的头像上是出现用户的详细信息 -
田雪田七: 第一个办法就是一楼说的(纠正一下,那个应该不是浮动,是定位) 第二个办法比较笨,比如:在1007(a标签或是别的标签)上面加上js或是jquery触发事件onmouseover (jquery是mouseover) 所有用户信息都调用出来 但是默认是隐藏的,当鼠标滑过时触发,原本隐藏的内容显示 ,鼠标滑过某一个编号的时候其他的隐藏. 大概思路就是这样的

金城江区19671951023: 在网页上用js如何做鼠标放在头像上就能弹出一个资料卡,移开后消失,求助!! -
田雪田七: 传统的做法就是给<img>元素挂对应的事件 如果你用jQuery<img id = 'demo'>$('#demo').on('mouseenter', function(){ //显示card 组件 })$('#demo').on('mouseleave', function(){ //关闭card 组件 })

金城江区19671951023: 用javascript实现 鼠标移动到某一张图片显示图片的信息,比如src -
田雪田七: for(i=0;i<document.images.length;i++){<br> document.images[i].addEventListener('mouseover',function(){alert(this.src)})<br>}为所有的图片(不包含背景)添加 MouseOver监听

金城江区19671951023: 求这样一个javascript特效,鼠标停图片上,显示信息框 -
田雪田七: 只是鼠标移入移出的效果,只要把框做的好看点就行了 先做个框,绝对定位,然后把它隐藏了display='none' 要鼠标移入是让这个框显示,这个框的内容读图片的alt就行了,display='block',这里控制一下这个框的left和right

金城江区19671951023: Javascript怎样让鼠标放在图片上时,显示的是自己在文本框输入的内容 -
田雪田七: 给文本框加一个失去焦点的事件,当失去焦点的时候把文本框的值赋给图片的title属性就可以了

金城江区19671951023: jS怎么写一个鼠标移到当前位置显示对应的图片 -
田雪田七: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67<!DOCTYPE html> <html><head><metahttp...

金城江区19671951023: Javascript中鼠标移到或移除或放到图片上时产生效果怎样编写代码? -
田雪田七: 设置一个存放img的div层 <div id="hoverDiv"><img src="" id="img"/></div>然后通过js设置他的onMouseOver事件设置document.GetElementById("imd").src="source"的src路径

金城江区19671951023: html怎么把鼠标放在图片上就能显示另一层信息 -
田雪田七: 首先在页面上把这个下面的方框实现出来,(就举例是一个div),然后css中做一个类(或者类似的办法,例如jquery里面的show和hide方法),这样在js中在写一个事件,当鼠标放到上面小的区域里面的时候,就触发,让css的display属性显示,鼠标移出的时候在恢复回去

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网