Question

我有这个jsfiddle。

http://jsfiddle.net/helpme128/3kwwo53t/2/

$query = 'SELECT ... WHERE ';
if (/* condition is NOT NULL */) {
    $query .= 'foo IS NOT NULL';
    $stmt = $db->prepare($query);
} else {
    $query .= 'foo = :foo';
    $stmt = $db->prepare($query);
    $stmt->bindValue('foo', $foo);
}
$stmt->execute();

当鼠标指针触及白色方块时，我想使用文本<div ng-app="test" ng-controller="testCtrl"> <div id="container"> <div class="shape" ng-draggable='dragOptions'></div> </div> </div>显示一个标注窗口。当鼠标离开白色方块时，标注窗口消失。如何才能做到这一点？是否有适合此任务的angularjs模块？

Answer 1

查看我制作的小提琴，仅限CSS： http://jsfiddle.net/3kwwo53t/16/

.shape::after{
    display:none;
    height: 50px;
    width: 50px;
    background-color:blue;
    content:'Callout';
    position:relative;
    left:20px;
}
.shape:hover::after{
    display:block;
}

编辑：

Angular方式：http://jsfiddle.net/3kwwo53t/18/

您可以使用dragOptions

更改文字

当鼠标悬停在此形状上时，如何显示标注窗口？

1 个答案: