产品原型
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

59 lines
2.4 KiB

4 years ago
  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-3.2.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. left:'-' + maxPanelWidth + 'px'
  17. }, 300);
  18. }, 2000);
  19. }
  20. }
  21. $axure.messageCenter.postMessage('getCollapseFrameOnLoad');
  22. if(MOBILE_DEVICE) {
  23. $('#maximizePanel').height('45px');
  24. }
  25. var maxPanelWidth = $('#maximizePanel').width();
  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').mouseleave(function() {
  35. if($(this).hasClass('maximizePanelOver')) {
  36. $(this).animate({
  37. left:'-' + maxPanelWidth + 'px'
  38. }, 300);
  39. }
  40. $(this).removeClass('maximizePanelOver');
  41. });
  42. $('#maximizePanelOver').mouseenter(function() {
  43. $('#maximizePanel').animate({
  44. left:'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>