更改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下文本的字体大小

回答

相关问题