Javascript ASP.NET MVC框架中的Ajax_Javascript_Ajax_Asp.net Mvc

Javascript ASP.NET MVC框架中的Ajax

javascript ajax asp.net-mvc

Javascript ASP.NET MVC框架中的Ajax,javascript,ajax,asp.net-mvc,Javascript,Ajax,Asp.net Mvc,我正在寻找一种简单的鼠标悬停效果。我希望页面显示一个对话框我会选择Jörn Zaefferr的使用一些Javascript Jquery使这些事情变得非常简单。您是否已经拥有该信息，或者当鼠标悬停时，您希望从服务器中提取该信息使用Jquery，您可以执行类似的操作 <script type="javascript"> $(document).ready( function(){ $("divToShow").hide(); $('#objectWithMou

我正在寻找一种简单的鼠标悬停效果。我希望页面显示一个对话框

我会选择Jörn Zaefferr的

使用一些Javascript

Jquery使这些事情变得非常简单。您是否已经拥有该信息，或者当鼠标悬停时，您希望从服务器中提取该信息

使用Jquery，您可以执行类似的操作

<script type="javascript">
$(document).ready(
  function(){
     $("divToShow").hide();
     $('#objectWithMouseOver').mouseover(onMouseOver());
});

function onMouseOver()
{
  $('#divToShow').show();    
}
</script>
<body>
<div id="divToShow">
  whatever info you want to show....
</div>
<div id="objectWithMouseOver">
  when you drag mouse over here the other will show
</div>

我会使用addclass removeclass而不是show/hide来获得更好的控制。扩展它以调用mvc控件并使用ajax填充数据并不困难。

向函数和usejquery.ajax函数添加一些参数

现在正在添加jQuery，因此它值得与ASP.NET MVC框架一起使用。

使用css

有一个隐藏的div和一个：悬停在你想把弹出窗口附加到的单词上

您需要有一个helper JS脚本才能在IE6中加载它

<span class="WordHighlight">word 
  <div class="hiddenPopup">some words about the word</div></span>

将脚本添加到

我会试着稍后回来完成这件事

.WordHighlight{text-decoration:dotted}
.WordHighlight .hiddenPopup{display:none;/* add popup style */}
.WordHighlight:hover .hiddenPopup{display:inline;}
.WordHighlightHover .hiddenPopup{display:inline;}