expand.html 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4. <title></title>
  5. <link type="text/css" href="css/default.css" rel="Stylesheet" />
  6. <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
  7. <script type="text/javascript" src="scripts/messagecenter.js"></script>
  8. <script type="text/javascript">
  9. <!--
  10. $(document).ready(function () {
  11. $axure.messageCenter.addMessageListener(messageCenter_message);
  12. function messageCenter_message(message, data) {
  13. if(message == 'collapseFrameOnLoad') {
  14. setTimeout(function() {
  15. $('#maximizePanel').animate({
  16. top:'-' + maxPanelHeight + 'px'
  17. }, 300);
  18. }, 2000);
  19. }
  20. }
  21. $axure.messageCenter.postMessage('getCollapseFrameOnLoad');
  22. if(MOBILE_DEVICE) {
  23. $('#maximizePanel').height('45px');
  24. }
  25. var maxPanelHeight = $('#maximizePanel').height();
  26. $('#maximizePanel').click(function () {
  27. $(this).removeClass('maximizePanelOver');
  28. $axure.messageCenter.postMessage('expandFrame');
  29. });
  30. if(!MOBILE_DEVICE) {
  31. $('#maximizePanel').mouseenter(function() {
  32. $(this).addClass('maximizePanelOver');
  33. });
  34. $('#maximizePanel').mouseout(function() {
  35. if($(this).hasClass('maximizePanelOver')) {
  36. $(this).animate({
  37. top:'-' + maxPanelHeight + 'px'
  38. }, 300);
  39. }
  40. $(this).removeClass('maximizePanelOver');
  41. });
  42. $('#maximizePanelOver').mouseenter(function() {
  43. $('#maximizePanel').animate({
  44. top:'0px'
  45. }, 100);
  46. });
  47. }
  48. });
  49. --></script>
  50. </head>
  51. <body style="background-color: transparent;">
  52. <div id="maximizePanelOver">
  53. <div id="maximizePanel" class="maximizePanel" title="Expand">
  54. </div>
  55. </div>
  56. </body>
  57. </html>