弹出似网站留言板如何设计(利用java技术)

Question

想在个人用Java Web技术写的网站首页提供这样一个功能：当网站打开完毕的时候，会从右下角慢慢往上弹出一个留言板。
请问这个功能大概怎么去实现、怎么设计，路过的高手提供一点思路
先谢谢了

Answer 1

css+js来实现的，你可以查一下，弹出东西时的路径和轨迹，好像要很高的算法

Answer 2

那是不是可以说是美工的事情了？我一个Java程序员如果要写这玩意还得去弄会JS+CSS吧 ？

Answer 3

程序员的事情定义个div 样式里注意 要把position设置成absolute z轴最好也设置下 然后用top和right定义下他的初始化位置(默认是在里面 所以还要设置下margin-top) 为了显示清晰我还给你加了个边框 代码如下 <div 
style="border: solid 1px buttonface; width: 50px; height: 50px; position: absolute; z-index: 100px; right: 0; top: 0; margin-top: -50;" id="test">
&nbsp;
</div>
既然是逐渐更改位置 那么效果的话需要用到setTimeout 用JS一点一点来控制margin-top具体代码如下
var timeOutObject = null;
document.body.onload = function(){
timeOutObject = setTimeout("moveDiv();",5);
}
function moveDiv(){
var divObject = document.getElementById("test");
if(timeOutObject){
clearTimeout(timeOutObject);
}
if(parseInt(divObject.style.marginTop) < 0){
divObject.style.marginTop = parseInt(divObject.style.marginTop) + 1;
timeOutObject = setTimeout("moveDiv();",5);
}else{
return;
} }
具体就如上了 现写的 有些东西可能考虑不到 出错告诉我 我这里有调试好的HTML LZ加分

Answer 4

程序员的事情定义个div 样式里注意 要把position设置成absolute z轴最好也设置下 然后用top和right定义下他的初始化位置(默认是在里面 所以还要设置下margin-top) 为了显示清晰我还给你加了个边框 代码如下 <div 
style="border: solid 1px buttonface; width: 50px; height: 50px; position: absolute; z-index: 100px; right: 0; top: 0; margin-top: -50;" id="test">
&nbsp;
</div>
既然是逐渐更改位置 那么效果的话需要用到setTimeout 用JS一点一点来控制margin-top具体代码如下
var timeOutObject = null;
document.body.onload = function(){
timeOutObject = setTimeout("moveDiv();",5);
}
function moveDiv(){
var divObject = document.getElementById("test");
if(timeOutObject){
clearTimeout(timeOutObject);
}
if(parseInt(divObject.style.marginTop) < 0){
divObject.style.marginTop = parseInt(divObject.style.marginTop) + 1;
timeOutObject = setTimeout("moveDiv();",5);
}else{
return;
} }
具体就如上了 现写的 有些东西可能考虑不到 出错告诉我 我这里有调试好的HTML LZ加分

Answer 5

用jquery也能实现,LZ去GOOGLES搜搜吧!

Answer 6

  fckeidtor 可以哦 直接用就完了

Answer 7

LZ这个自己写JS可能会有点复杂，可以用Jquery。
既然是页面载入后从下面弹出来，那么浏览者可能一开始不需要，应该有个X可以把留言板最小化到一个角落里，只显示一个小小的按钮，然后过一会儿想要留言了，应该点击该按就可以使留言板再弹出来，用jquery可以实现渐隐渐显，放大缩小式的切换。

Answer 8

刚发现javaeye右下角那个“说点啥吧”应该能满足LZ的需要！把初始状态改为显示。

Answer 9

那个就是完整的啊。。HTML代码弄HTML JS弄JS 难不成要写到文件里给你么。。邮箱。。

Answer 10

Jquery+CSS+DWR.. 貌似可以实现..!!