我怎么能做类似的事呢?

时间:2011-11-21 05:37:57

标签: jquery wordpress jquery-plugins wordpress-plugin

我喜欢ZDnet在左侧有社交分享按钮的方式(如果你的浏览器足够宽),但是当你缩小浏览器时,按钮会跳到文章中。

实施例: http://www.zdnet.com/blog/btl/mcafee-threats-report-android-is-in-the-crosshairs/63813?tag=content;selector-blogs

有谁知道这是否是我可以为Wordpress下载的插件?

如果没有,在jQuery中这很容易吗?

2 个答案:

答案 0 :(得分:1)

这是通过resize事件的窗口来完成的。如果您查看源代码,#siu-horizontal开始不可见,但当窗口变小时,它变得可见。使用jQuery,您可以非常轻松地完成此操作:

$(window).resize(function() {
  // Look the page width and show the right div
});

答案 1 :(得分:0)

为什么不尝试使用媒体元素大小,以便在浏览器窗口太小的情况下使用“display:none”使垂直窗口消失,并使用“display:block”显示水平线

以下是一个简短的示例,可帮助您入门:http://css-tricks.com/6206-resolution-specific-stylesheets/

将您的页面编写为html,但仅使用media-type

在CSS中根据浏览器宽度显示一个或另一个