Fixed bug(s) where the hover box goes completely off the nav menu.

gajdy · Mar 8, 2010 · 00add66 · 00add66
1 parent d695abf
commit 00add66
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/css/style.css b/css/style.css
@@ -29,7 +29,8 @@ ul, li {
 #nav li {
  float: left;
  list-style: none;
-border-right: 1px solid black;
+border-right: 1px solid #4a4a4a;
+border-left: 1px solid black;
 
 }
 
@@ -43,6 +44,7 @@ border-right: 1px solid black;
  font-family: helvetica, arial, sans-serif;
  text-decoration: none;
  padding: 30px 45px;
+ width: 100%;
 }
 
 #selected {

diff --git a/js/scripts.js b/js/scripts.js
@@ -21,17 +21,19 @@ Site.prototype.navBlob = function() {
  nav.hover(function() {
  clearTimeout(reset);
  $(this).mousemove(function(e) {
- blob.animate(
- {
- width : $(e.target).parent('li').width(),
- left : e.pageX - $(e.target).parent('li').width() / 2
- },
- {
- duration: 'slow',
- easing : 'easeOutCirc',
- queue : false
- }
- );
+ console.log('pageX: ' + e.pageX + '; navWidth: ' + nav.width());
+ blob.animate(
+ {
+ width : $(e.target).width(),
+ left : (e.pageX > nav.width()) ? blob.left : e.pageX - $(e.target).parent('li').width() / 2
+ },
+ {
+ duration: 'slow',
+ easing : 'easeOutCirc',
+ queue : false
+ }
+ );
+
  }); // end mousemove
  }, function(e) {
  // mouse out
@@ -44,7 +46,7 @@ Site.prototype.navBlob = function() {
  width : currentPageItem.outerWidth(),
  left: currentPageItem.position().left
  });
- }, 4000);
+ }, 2000);
  });
 };
 new Site();