每日更新|TOP排行榜|Tag標簽|充值

無憂首頁網頁模板程序模板建站教程視頻教程網頁特效圖標素材字體下載站長工具站長問答

網頁特效代碼模板無憂>網頁特效>頁面背景特效代碼>

收藏分享查看評論頁面背景

彈出提示的效果_頁面背景特效

查看演示效果

特效Tag：提示效果添加

彈出提示的效果,您可以先修改部分代碼再運行.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />
<title>模板無憂---提示</title>
</head>

<body>
<script language=javascript>
var cao_x,cao_y;

function cao888() 
{
this.display=display; 
}

function display() 
{
  document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document.getElementById('cao1').style.display='block' onfocus=this.blur()>模板無憂留言</button></td></tr></table>");
  document.write("<div  id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");
  document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");
  document.write("<table width=200 height=20 bgcolor=green onmousedown='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='caoMove(this.parentNode)' style='cursor:move;'>");
  document.write("<tr align=center>");
  document.write("<td align=left>模板無憂</td>");
  document.write("</tr>");
  document.write("</table>");
  document.write("<span style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';><br>歡迎光臨模板無憂<br>[確定]</span>");
  document.write("  </div>");
  document.write("</div>");
}
function caoMove(obj)  //實現層的拖移
{
  if(event.button==1)
  {
    var caoX=obj.clientLeft;
    var caoY=obj.clientTop;
    obj.style.pixelLeft=caoX+(event.x-cao_x);
    obj.style.pixelTop=caoY+(event.y-cao_y);
  }
}
</script>
<script language=javascript>
var mycao=new cao888();
mycao.display();
</script>
</body>
</html>

所屬頻道：頁面背景特效/更新時間：2012-09-16

[收藏][報錯][返回列表]

相關頁面背景特效：

頁面背景特效Rss訂閱特效代碼搜索

頁面背景特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索彈出提示的效果
特效說明：
頁面背景模板-彈出提示的效果。