[hack]根据LEADBBS超级公告想出的公告

在CSS.HTM内加上:

1. <style type="text/css">
   
2. 
   
3. #fadeinbox{
   
4. position:absolute;
   
5. width: 300px;
   
6. left: 0;
   
7. top: -400px;
   
8. border: 2px solid black;
   
9. background-color: lightyellow;
   
10. padding: 4px;
    
11. z-index: 100;
    
12. visibility:hidden;
    
13. }
    
14. 
    
15. </style>
    
16. 
    
17. 
    
18. <script type="text/javascript">
    
19. 
    
20. //Specify display mode. 3 possible values are:
    
21. //1) "always"- This makes the fade-in box load each time the page is displayed
    
22. //2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
    
23. //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
    
24. // For example, 2 would display the box about (1/2) 50% of the time the page loads.
    
25. 
    
26. var displaymode="always"
    
27. 
    
28. var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
    
29. var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
    
30. var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
    
31. var IEfadelength=1 //fade in duration for IE, in seconds
    
32. var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
    
33. 
    
34. ////////No need to edit beyond here///////////
    
35. 
    
36. if (parseInt(displaymode)!=NaN)
    
37. var random_num=Math.floor(Math.random()*displaymode)
    
38. 
    
39. function displayfadeinbox(){
    
40. var ie=document.all && !window.opera
    
41. var dom=document.getElementById
    
42. iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
    
43. objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
    
44. var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
    
45. var docwidth=(ie)? iebody.clientWidth : window.innerWidth
    
46. docheight=(ie)? iebody.clientHeight: window.innerHeight
    
47. var objwidth=objref.offsetWidth
    
48. objheight=objref.offsetHeight
    
49. objref.style.left=docwidth/2-objwidth/2+"px"
    
50. objref.style.top=scroll_top+docheight/2-objheight/2+"px"
    
51. 
    
52. if (showonscroll=="yes")
    
53. showonscrollvar=setInterval("staticfadebox()", 50)
    
54. 
    
55. if (enablefade=="yes" && objref.filters){
    
56. objref.filters[0].duration=IEfadelength
    
57. objref.filters[0].Apply()
    
58. objref.filters[0].Play()
    
59. }
    
60. objref.style.visibility="visible"
    
61. if (objref.style.MozOpacity){
    
62. if (enablefade=="yes")
    
63. mozfadevar=setInterval("mozfadefx()", 90)
    
64. else{
    
65. objref.style.MozOpacity=1
    
66. controlledhidebox()
    
67. }
    
68. }
    
69. else
    
70. controlledhidebox()
    
71. }
    
72. 
    
73. function mozfadefx(){
    
74. if (parseFloat(objref.style.MozOpacity)<1)
    
75. objref.style.MozOpacity=parseFloat(objref.style.MozOpacity)+Mozfadedegree
    
76. else{
    
77. clearInterval(mozfadevar)
    
78. controlledhidebox()
    
79. }
    
80. }
    
81. 
    
82. function staticfadebox(){
    
83. var ie=document.all && !window.opera
    
84. var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
    
85. objref.style.top=scroll_top+docheight/2-objheight/2+"px"
    
86. }
    
87. 
    
88. function hidefadebox(){
    
89. objref.style.visibility="hidden"
    
90. if (typeof showonscrollvar!="undefined")
    
91. clearInterval(showonscrollvar)
    
92. }
    
93. 
    
94. function controlledhidebox(){
    
95. if (autohidebox[0]=="yes"){
    
96. var delayvar=(enablefade=="yes" && objref.filters)? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000
    
97. setTimeout("hidefadebox()", delayvar)
    
98. }
    
99. }
    
100. 
     
101. function initfunction(){
     
102. setTimeout("displayfadeinbox()", 100)
     
103. }
     
104. 
     
105. function get_cookie(Name) {
     
106. var search = Name + "="
     
107. var returnvalue = ""
     
108. if (document.cookie.length > 0) {
     
109. offset = document.cookie.indexOf(search)
     
110. if (offset != -1) {
     
111. offset += search.length
     
112. end = document.cookie.indexOf(";", offset)
     
113. if (end == -1)
     
114. end = document.cookie.length;
     
115. returnvalue=unescape(document.cookie.substring(offset, end))
     
116. }
     
117. }
     
118. return returnvalue;
     
119. }
     
120. 
     
121. 
     
122. if (displaymode=="oncepersession" && get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN && random_num==0){
     
123. if (window.addEventListener)
     
124. window.addEventListener("load", initfunction, false)
     
125. else if (window.attachEvent)
     
126. window.attachEvent("onload", initfunction)
     
127. else if (document.getElementById)
     
128. window.onload=initfunction
     
129. document.cookie="fadedin=yes"
     
130. }
     
131. 
     
132. 
     
133. </script>

复制代码

然后在你想显示的页面加上

1. <DIV id="fadeinbox" style="filter:progid:DXImageTransform.Microsoft.RandomDissolve(duration=1) progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135) ; -moz-opacity:0">
   
2. 
   
3. 欢迎来到Disucz!插件区,希望在这里能找到你需要的东西<br>
   
4. 收集最好最实用的插件，让你的工作更简单
   
5. <br>
   
6. 
   
7. <div align="right"> <a href="#" onClick="hidefadebox();return false">隐藏</a>
   
8. <div>
   
9. </DIV>

复制代码

最近空间不稳定域名也到期.所以没有演示了.都是本地HTML代码测试.如果有成功的可以把你的地址给大家看看

效果:
在页面中心出现一个引人注意的弹出框，它以优美的资态呈现在你的面前,在X秒后会自动消失，当你拉动滚动条时，也会随之上下移动,适合IE5++以上版本

终于抢到沙发了。。。

原帖由 freddy 于 2005-9-5 16:19 发表
终于抢到沙发了。。。

不容易哈

为什么我从来没有座个沙发

觉得好别望了奖励哈哈.这个我记得比较好看.自己试试吧

原帖由 freddy 于 2005-9-5 16:19 发表
终于抢到沙发了。。。

我的沙发小f沒抢到過~


p.s.有圖看嗎?

原帖由 winter0706 于 2005-9-5 16:34 发表

我的沙发小f沒抢到過~


p.s.有圖看嗎?

我的免费空间K掉了.555555555555555

现在域名也到期了.更55555555555555

我顶！

Freddy= ="
我什麼也沒有了

郁闷一下