这听起来很简单,但我找不到任何新手教程:有人能给我一个简单的例子我如何在OpenLayers中创建(vektor)标记,在mouseover上打开infowindow甚至在mouseout上关闭它？
我发现了部分解释但不是全部......
当鼠标悬停在标记上时,我想用div制作一个工具提示,但我不知道如何获得屏幕位置将div放在正确的位置,这是我的代码:
google.maps.event.addListener(marker, "mouseover", function() {
divover.css("left", marker.get("left"));
divover.css("top", marker.get("top"));
divover.css("display", "block");
});
google.maps.event.addListener(marker, "mouseout", function() {
divover.css("display", "none");
});
显然get方法失败了.任何的想法？
google-maps mouseover tooltip google-maps-api-3 google-maps-markers
在html中,当我们创建一个超链接并指向它时,它会自动更改为手指指针.
所以我想知道我们能否在Java摇摆中实现同样的目标.假设我有一个标签,点击一个新的表格弹出.但我想当用户指向标签时它应该改为手指指针,显示如果点击它会弹出一些东西.这样我们可以区分我认为表格上带有正常标签的标签:).
但是怎么做这样的事呢？
我想在R中做一个小程序,用于交互式可视化和修改一些栅格数据集,看作彩色图像.用户应该打开一个文件(从终端可以),绘制它,用鼠标点击选择要编辑的点,然后插入新值.
到目前为止,我很容易实现.我使用包中的plot()函数raster来显示图,然后click()选择点并通过终端编辑它们的值.
我想添加在鼠标上显示值的功能.我已经搜索了如何做到这一点的方法,但这似乎不适用于标准的R包.它是否正确？
在这种情况下,我可能被迫使用外部包,例如gGobi,iPlots,Shiny或Plotly.但是,我更喜欢KISS并且只使用"标准"图形工具,例如栅格plot()函数或格子图形对象(例如来自rasterVis).
我理解一个Shiny应用程序可能是最好的,但它需要大量的时间来学习和完善.
我在IE8中注意到在具有多行(本例中为100)的表上使用鼠标悬停事件时的奇怪性能.我已经尝试了很多不同的方法,但我似乎无法找到任何方法来获得它我喜欢/需要的速度.
如果我在每个事件上切换类,所有IE版本的性能都会下降,如果我通过javascript使用CSS直接操作CSS,IE6和IE7加速很多,但IE8仍然表现糟糕.
有任何想法吗 ？我真的很想知道是什么让mouseover事件与其他所有浏览器相比都显得迟钝.
如果这只发生在IE6上,我可以理解并让它通过,但是当最新版本的浏览器是最慢的时候,只会有越来越多的用户体验不好.
使用JQuery悬停的示例:http://thedungheap.net/research/
编辑:我现在更新了示例,以便很容易看到有10行和200之间的区别.这是在同一个文档中,所以这对整个DOM大小来说不是问题,我猜
我试图只在鼠标悬停时显示节点文本.当鼠标悬停在节点上时,我对svg圆圈的不透明度进行了更改,但只显示了第一个节点的文本.我已经发现这是因为我正在使用select元素,但我无法弄清楚如何为我正在悬停的节点提取正确的文本.这就是我现在拥有的.
node.append("svg:circle")
.attr("r", function(d) { return radius_scale(parseInt(d.size)); })
.attr("fill", function(d) { return d.fill; })
.attr("stroke", function(d) { return d.stroke; })
.on('mouseover', function(d){
d3.select(this).style({opacity:'0.8'})
d3.select("text").style({opacity:'1.0'});
})
.on('mouseout', function(d){
d3.select(this).style({opacity:'0.0',})
d3.select("text").style({opacity:'0.0'});
})
.call(force.drag);
我想在鼠标悬停在TextBlock上时出现文本气泡.
将下面的代码是最接近我能得到,但它只是注入文本TextBox.Text本身并改变颜色.我想在鼠标悬停期间在原始文本块上方放置一个例如Border/StackPanel/TextBlock 浮动在不同的图层上.
如何使用首字母缩略词标记制作类似于网络体验的悬停面板？
using System.Windows;
using System.Windows.Controls;
using System.Windows.Input;
using System.Windows.Media;
namespace TestHover29282
{
public partial class Window1 : Window
{
public Window1()
{
InitializeComponent();
TextBlock tb = new TextBlock();
tb.Text = "test";
tb.MouseEnter += new MouseEventHandler(tb_MouseEnter);
tb.MouseLeave += new MouseEventHandler(tb_MouseLeave);
MainStackPanel.Children.Add(tb);
}
void tb_MouseLeave(object sender, MouseEventArgs e)
{
TextBlock tb = sender as TextBlock;
tb.Background = new SolidColorBrush(Colors.Transparent);
tb.Text = "test";
}
void tb_MouseEnter(object sender, MouseEventArgs e) …几个星期以来我到处寻找这个,我根本无法找到一些东西来告诉我我做错了什么或者如何进行.目标是创建一个类似于亚马逊放大鼠标悬停的功能,用于具有小图像的产品.
我目前不知道如何继续,但我知道我将需要两个图像 - 一个在"放大"尺寸,一个在"缩小"尺寸.我没有使用Jquery - 我无法通过我的雇主的要求将它或任何插件安装到网站上.我基本上要求更难回答,我提前为此道歉.我必须从适度的划痕中做到这一点.警告:我是一名编程学生.想拿就拿吧.
我有HTML和CSS脚本,因为我们实际上没有IDE在这里我在codecademy的项目部分这样做,否则我必须完全实时编程.你可以在这里找到我的代码,但我也会在下面发布代码,因为该链接必然会有更改代码,因为它使用了程序保存.
注意:我原来是这样的,所以灰色的盒子跟着我的鼠标在相对中心.它移动时闪烁,但它正在工作.目前虽然决定不去,至少在我的工作电脑上.我没有在我的个人电脑上测试它.
编辑:代码正在我的Surface Pro 3上工作,虽然它确实跟随图像的鼠标(这是暂时的,我抓住了一些随机的东西).我不确定为什么代码不能在我的工作计算机上工作,尽管它可能是因为它是Macintosh OSX版本10.6.8 ...
HTML代码:
<!DOCTYPE html>
<html>
<head>
<link rel='stylesheet' href='style.css'/>
<script src='script.js'></script>
</head>
<body>
<img id="imgZoom" onmousemove="zoomIn()" onmouseout="zoomOut()" src="http://ginger-mum.com/wp-content/uploads/2015/10/3633-1269758855-0da5042c33400a811a5d766be4579cb8.jpg">
<div id="overlay" onmousemove="zoomIn()"></div>
</body>
</html>
CSS代码:
#imgZoom {
height: 300;
}
#overlay {
visibility: hidden;
position: absolute;
left: 0px;
top: 0px;
width:20%;
height:20%;
padding: 25px;
border: 5px solid gray;
background-color: white;
opacity:0.4;
text-align:center;
z-index: 1000;
}
Javascript代码:
function zoomIn()
{
var element …我已经使用d3.js在SVG容器上绘制了一些圆圈.
我已成功在这些圆圈上设置鼠标悬停行为以打印简单的控制台消息.当我鼠标悬停(和mouseout)时,我看到那些控制台消息,所以我知道它们正常工作.
但是,我不想打印那些控制台消息,而是在鼠标悬停时将光标更改为手,我想在鼠标移出时将光标更改回正常箭头.鉴于我的代码如下,我该怎么做？
在鼠标悬停时,我知道我需要将样式属性更改cursor为pointer和鼠标输出,我知道我需要将其更改为default但我不知道应该如何操作的语法.有人可以向我解释一下吗？以下是我的代码.
var myCircle = svgContainer.selectAll(".dots")
.data(myDataList).enter().append("circle")
.attr("class", "dots")
.attr("cx", function(d, i) {return d.centerX})
.attr("cy", function(d, i) {return d.centerY})
.attr("r", 5)
.attr("stroke-width", 0)
.attr("fill", function(d, i) {return "red"})
.style("display", "block");
myCircle.on({
"mouseover": function(d) {
console.log('Hello World!'); // What do I change this to?
},
"mouseout": function(d) {
console.log('Goodbye World!'); // What do I change this to?
}
}
);
好的,我可以使用检测鼠标悬停 .on('mouseover')
我可以使用检测按键
$(document).keypress(function(e) {
console.log(e.which);
}
但是当我按下某个按钮时,如何检测鼠标悬停在哪个图像上？
我的想法是能够在将鼠标悬停在图像上时按d来删除图像.有任何想法吗 ？
mouseover ×10
javascript ×4
css ×2
d3.js ×2
jquery ×2
c# ×1
google-maps ×1
hover ×1
html ×1
infowindow ×1
interactive ×1
java ×1
jlabel ×1
keypress ×1
marker ×1
nodes ×1
openlayers ×1
performance ×1
plot ×1
r ×1
r-raster ×1
svg ×1
swing ×1
tooltip ×1
wpf ×1
xaml ×1
zoom ×1