更改div下文本的字體大小

$(document).keydown(function (ev){ 
    if (ev.which == 75 && $("#glass").hasClass("glass")) 
    { 
     $("#glass").removeClass("glass"); 
    } 

    else if (ev.which == 75 && !$("#glass").hasClass("glass")) 
    { 
     $("#glass").addClass("glass"); 
    } 

}) 

$(document).ready(function() { 

    $("#glass").addClass("glass"); 

    $(document).mousemove(function (event) { 
      $("#glass").css({ 
       left: event.pageX, 
       top: event.pageY, 
      }); 

     $("#divX").text(event.pageX); 
     $("#divY").text(event.pageY); 

    }); 
});

下與紅色邊框的div一切都必須改變。我怎樣才能解決這個問題？

來源

2014-09-05 giannisf

你的鏈接有點不可靠 – flowstoneknight 2014-09-05 15:39:58

爲簡單起見，http：///jsfiddle.net/giannisf19/v1tu3g62/。你基本上想要一個放大鏡嗎？它不會真正起作用，除非你做了兩次相同的頁面，並且在你移動的時候滑動偏移量，真的是太通用了 – 2014-09-05 15:41:42

@JamesKorden是的，你能解釋一下「滑動偏移部分」嗎？ – giannisf 2014-09-05 15:49:52

在圖像上有很多用於放大鏡效果的庫。但是，如果您希望在文本上發生這種情況，唯一的方法就是讓第二個隱藏的div具有相同的文本內容並且字體較大，只有當您將鼠標懸停在第一個文本div上時纔會出現。

你需要做一些數學計算如何顯示放大的div的相應部分，取決於你在哪裏懸停。

我認爲使用這個不錯的庫會更容易，我發現它叫做AnythingZoomer：http://css-tricks.com/examples/AnythingZoomer/text.php（它也是開源的）。

來源

2014-09-05 15:48:07 user145400

我發現了什麼佐劑，但它只適用於一個div，裏面有一個p元素。如果有更多的p或其他元素插件不工作。 – giannisf 2014-09-05 15:53:55

您可能可以添加它，因爲它是開源的。看起來沒有更好的東西。 – user145400 2014-09-05 16:00:38

嘗試查找預製選項。

例如：

http://thecodeplayer.com/walkthrough/magnifying-glass-for-images-using-jquery-and-css3

雖然這和許多其他例子都將使用的圖像，可以隨時替換一個div圖像對象，它只是需要更多的建設。此外，如果你不強制在你的網頁上固定寬度，它可能會分崩離析（除非你在「放大」div中也是這樣。

來源

2014-09-05 15:55:37

更改div下文本的字體大小

回答

相關問題