页面是PHP的
效果方面和这个网站上面那个留言板一样
我这有现成的, 加我QQ, 我发给你。
达到这种效果的方式应该挺多的。。。我所想的是弹出一个类似浮动广告的窗口,然后窗口内嵌入一个iframe,指向另一页面,在那一页面书写网页布局,以及php代码和js脚本。。。
另外附上部分代码,浮动窗口的。。具体代码你自己改下吧。。。
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>右下角弹出浮动层窗口</title> </head> <body> <Script language="javascript"> <!-- window.onload = getMsg; window.onresize = resizeDiv; window.onerror = function(){} //短信提示使用(asilas添加) var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer; function getMsg() { try{ divTop = parseInt(document.getElementById("eMeng").style.top,10) divLeft = parseInt(document.getElementById("eMeng").style.left,10) divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) docWidth = document.body.clientWidth; docHeight = document.body.clientHeight; document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth document.getElementById("eMeng").style.visibility="visible" objTimer = window.setInterval("moveDiv()",10) } catch(e){} } function resizeDiv() { try{ divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) docWidth = document.body.clientWidth; docHeight = document.body.clientHeight; document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10) document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10) } catch(e){} } function moveDiv() { try { if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10))) { window.clearInterval(objTimer) objTimer = window.setInterval("resizeDiv()",1) } divTop = parseInt(document.getElementById("eMeng").style.top,10) document.getElementById("eMeng").style.top = divTop - 1 } catch(e){} } function closeDiv() { //document.getElementById('eMeng').style.visibility='hidden'; if(objTimer) window.clearInterval(objTimer) } --> </Script> <!--代码开始--> <DIV id=eMeng > <TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#AFDCF3 border=0> <TBODY> <TR bgColor=#6699cc> <TD width=30 height=24 rowspan="2" msgTopBg.gif'); color: #0f2c8c"></TD> <TD msgTopBg.gif'); color: #ffffff; padding-left: 4px; padding-top: 4px" vAlign=center width="100%"> 留言板:</TD> <TD width=19 align=right vAlign=center msgTopBg.gif'); padding-right: 2px; padding-top: 2px"><span title=关闭 onclick=closeDiv() >×</span><!--<IMG title=关闭 onclick=closeDiv() hspace=3 src="msgClose.jpg">--></TD> </TR> <TR bgColor=#6699cc> <TD colspan="2" vAlign=center msgTopBg.gif'); color: #ffffff; padding-left: 4px; padding-top: 4px">
<iframe src="" width="180" height="150" src=""> <!--页面添加处--> </iframe>
</TD> </TR> </TBODY> </TABLE> </DIV> <!--代码结束-->
</body> </html>
加这个代码 当然这个是他的 你可以自己去申请一个
<script type="text/javascript" src=" http://sfhelp.baidu.com/msg/js/545/537545.js" charset="gb2312"></script>
都是一样的啊!