信息框出现位置的理解

1. //这是一些对信息提示出现在不同地方的不同代码//
2. //信息提示出现在左上角//
3. function topLeft(){
4. $.messager.show({
5. title:'My Title',
6. msg:'The message content',
7. showType:'show',
8. style:{
9. right:'',
10. left:0,
11. top:document.body.scrollTop+document.documentElement.scrollTop,
12. bottom:''
13. }
14. });
15. }
16. 
    
17. //信息提示出现在中间上方//
18. function topCenter(){
19. $.messager.show({
20. title:'My Title',
21. msg:'The message content',
22. showType:'slide',
23. style:{
24. right:'',
25. top:document.body.scrollTop+document.documentElement.scrollTop,
26. bottom:''
27. }
28. });
29. }
30. 
    
31. //信息提示出现在右上角//
32. function topRight(){
33. $.messager.show({
34. title:'My Title',
35. msg:'The message content',
36. showType:'show',
37. style:{
38. left:'',
39. right:0,
40. top:document.body.scrollTop+document.documentElement.scrollTop,
41. bottom:''
42. }
43. });
44. }
45. 
    
46. //信息提示出现在左靠边//
47. function centerLeft(){
48. $.messager.show({
49. title:'My Title',
50. msg:'The message content',
51. showType:'fade',
52. style:{
53. left:0,
54. right:'',
55. bottom:''
56. }
57. });
58. }
59. 
    
60. //信息提示出现在中间//
61. function center(){
62. $.messager.show({
63. title:'My Title',
64. msg:'The message content',
65. showType:'fade',
66. style:{
67. right:'',
68. bottom:''
69. }
70. });
71. }
72. 
    
73. //信息提示出现在右靠边//
74. function centerRight(){
75. $.messager.show({
76. title:'My Title',
77. msg:'The message content',
78. showType:'fade',
79. style:{
80. left:'',
81. right:0,
82. bottom:''
83. }
84. });
85. }
86. 
    
87. //信息提示出现在左下角//
88. function bottomLeft(){
89. $.messager.show({
90. title:'My Title',
91. msg:'The message content',
92. showType:'show',
93. style:{
94. left:0,
95. right:'',
96. top:'',
97. bottom:-document.body.scrollTop-document.documentElement.scrollTop
98. }
99. });
100. }
101. 
     
102. //信息提示出现在中间下方//
103. function bottomCenter(){
104. $.messager.show({
105. title:'My Title',
106. msg:'The message content',
107. showType:'slide',
108. style:{
109. right:'',
110. top:'',
111. bottom:-document.body.scrollTop-document.documentElement.scrollTop
112. }
113. });
114. }
115. 
     
116. //信息提示出现在右下角//
117. function bottomRight(){
118. $.messager.show({
119. title:'My Title',
120. msg:'The message content',
121. showType:'show'
122. });
123. }