我正在尝试创建与站点 http://tracelytics.github.io/pageguide/ 中类似的效果当您将鼠标悬停在屏幕左侧的“页面指南”图标上时,它会进一步扩展并显示另一级别的信息。
我怎样才能得到这个效果?我也想使用相同的图标。
我不知道从哪里开始。任何示例 fiddle 或插件都会帮助我。谢谢。
最佳答案
http://jsfiddle.net/fenderistic/SqjfT/
这是我创建的一个非常简单的实现,它模拟了您在该插件中看到的内容。
var old;
$(".hover").hover(
function(){
old = $(this).css("right");
$(this).animate({right:"0"},100);
}, function() {
$(this).animate({right:old},100);
}
)
关于javascript - 鼠标悬停时双级滑动 DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21121705/