css弹出窗口怎么做,就是鼠标移上去,就弹出一个可以选择的小窗口。

如题所述

css 很难实现这个应为css都是设定好后不能被改变的 ,只能通过js重新赋值 ,这种方式就是js里面的多层 jquery ui 里面也有这个插件 自己写个也可以 就是当鼠标移动到指定标签上 触发js效果
把原先的div display:none 该变让他显示或者直接写入个div 位置就是当前鼠标的位置 也可以 这个比较好用 。追问

可是js我还不会。

追答

这个是jquery代码    你自己下载个jquery  把下面的添加到网页的最下面   其中的b 和c 你随便换名字

b是 class值  c是id值  css你自己看着弄吧

<script type="text/javascript">
$(document).ready(function() {
$(".b").mouseover(function(body) {////body可以随便
var tooltip = "<div id='c'>" + this.title + "</div>";
$("body").append(tooltip);
$("#c").css({
"top": body.pageY, "left": body.pageX//这里body要和上面的一致
}).show("fast");
}).mouseout(function() {
$("#c").remove();
});
});
</script>

追问

那这个class和id怎么写啊

追答

把 和$("#c“)中的c换成asd

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

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

请问:鼠标移到上面就弹出小框(其它网页内容),移开就关闭.如何做?谢谢...
用的是css和JavaScript,只要你给你要这样做的网页元素设置上mouseHover事件和mouseOut事件然后在这两个事件里给你的要弹出的框设置css,也就是在鼠标没过来时候让小框隐藏,Hover的时候让隐藏属性取消就可以了,提示到这,具体的随便查查css和JavaScript的手册就可以做到了,再多说就没意思了,就跟看电影...

CSS DIV 怎么做出来鼠标移动上就显示其内容?
1、新建html文档,在body标签中添加一个div标签,然后在div标签中添加p标签,为p标签添加内容:2、为了方便演示,给div标签设置宽高和背景颜色,然后给p标签设置“display”属性,属性值为“none”,这样p标签中的文字默认情况下不会显示:3、给div设置hover伪类,当鼠标移动到div区域时,设置p标签的样式...

CSS实现一个效果,当鼠标移上去时,下方出现一张图
1、首先在netbenas建立一个html文件。2、引入css文件。3、html文件增加一个显示图片层。4、在1.css文件中增加代码。5、看看浏览器图片层效果。6、层里面加一个图片。7、在win10下调用自带的3d画图软件。8、在win10下画图3d软件新建一个画布,画一个画布是184x149尺寸。9、win10自带的3d软件画一个...

js css 鼠标移入某个区域滑出一个框的效果怎么做?
实现原理:刚开始框就存在了,只不过透明度为全透明,鼠标移入后透明度不透明就显示出来了,框稍微动画一些的话就用到css3的旋转之类的了。如下图 <!doctype html>css3练习#bt{width:100%; height:50px; font-size:20px; background:#06F; color:#fff; text-align:center; line-height:50px...

网页代码中鼠标移到图片某个区域自动弹出另一张小图的代码怎么编辑?
}.img1 {top: 199px; left: 153px;}.img2 {top: 369px; left: 552px;}.img3 {top: 411px; left: 632px;}.hotspot:hover + .bigImg {display: block;}

HTML怎么用div盒子做弹出式菜单,就是当鼠标移动到目标的超链接时,就...
还有一种原理,利用body的点击事件来操作元素的,也是可以的,但是要利用到js比较麻烦,下面的这个demo是只需要用到css就可以实现的 <!doctype html>字符串连接.tishi{position:relative; \/*这个是关键*\/z-index:2;}.tishi:hover{z-index:3;background:none; \/*没有这个在IE中不可用*\/}.tishi ...

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

css导航栏鼠标hover的时候就出现下拉菜单是怎么做的?
程序输入如下: ......#menu{overflow:hidden;height:20px;}#menu:hover {height:100px;} 选择鼠标指针浮动在其上的元素,并设置其样式:a:hover{ background-color:yellow;} 对于HTML 部分:可以使用任何的 HTML 元素来打开下拉菜单,如:, 或 a 元素。使用容器元素 (如: ) 来创建下拉菜...

css鼠标放着显示介绍怎么操作css中鼠标放上去显示
1、方法一,利用html特性,每个标签都有一个title属性。当鼠标hover在该标签内容上时,浏览器展示出该标签的title内容,让鼠标移走,内容消失,如下:p{height:100px;width:100px;background-color:aqua;}文字内容文字内容2、方法二,利用css的伪类hover,以及显示隐藏属性display,来实现如下:.continer{...

相似回答