ASP.NET MVC框架中的Ajax

我想要一種簡單的「鼠標懸停」效果的方法。（我想要的網頁顯示一個對話框）ASP.NET MVC框架中的Ajax

2009-01-21 Schildmeijer

使用一些JavaScript。

jquery使得thoose的事情很容易。你是否已經獲得了這些信息，或者當鼠標懸停時你想從服務器上獲取什麼？

使用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而不是顯示/隱藏，以得到較好的控制。它不難擴展它來調用mvc控件並使用ajax填充數據。爲函數添加一些參數並使用jquery.ajax函數。

來源

2009-01-21 12:36:34

我會去的jQuery Tooltip plug-in從喬恩Zaefferer

來源

2009-01-21 12:34:33 veggerby

添加到該jQuery現在是supported in intellisense by Microsoft，所以它值得與ASP.NET MVC框架一起使用。

來源

2009-01-21 12:37:00 Kezzer

使用CSS

有一個隱藏的股利和一個：懸停上的字要彈出重視

您將需要有一個幫手JS腳本在IE6

加載此

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

CSS

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

一dd劇本中的一個

我會盡力回頭來完成這個以後

來源

2009-01-21 13:56:09 Pbearne

ASP.NET MVC框架中的Ajax

回答

相關問題