彈出提示的效果代碼

更新時(shí)間：2008年05月14日 08:46:59 作者：

腳本之家模擬彈出提示效果代碼

<html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="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';>歡迎光臨腳本之家[確定]</span>");    document.write("  </div>");    document.write("</div>");  }  function caoMove(obj)  //實(shí)現(xiàn)層的拖移  {    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>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

彈出提示

相關(guān)文章

網(wǎng)頁打開自動(dòng)最大化的js代碼
有時(shí)候我們需要當(dāng)頁面打開時(shí)，自動(dòng)最大化，一來方便用戶瀏覽，而且快速將頁面呈現(xiàn)給大家
2012-08-08
使用canvas制作炫酷黑客帝國數(shù)字雨背景html+css+js
這篇文章主要介紹了使用canvas制作炫酷黑客帝國數(shù)字雨背景，html+css+js黑客帝國電影中的數(shù)字雨,非常簡單,一起來看看如何制作吧
2023-03-03
彈出提示的效果代碼
腳本之家模擬彈出提示效果代碼
2008-05-05
JS 網(wǎng)頁安全色調(diào)色板 DW風(fēng)格
利用JS做的一個(gè)網(wǎng)頁安全色調(diào)色板希望大家用得上！
2008-12-12
javascript用層模擬可移動(dòng)的小窗口
用層模擬小窗口實(shí)例效果代碼
2008-05-05
百度 popup.js 完美修正版非常的不錯(cuò) 腳本之家推薦
百度空間的彈出窗口和拖拽效果(也就是popup.js),看起來挺不錯(cuò)的,用起來也相當(dāng)好,如上圖所示。現(xiàn)在很多知名網(wǎng)站都是用的這樣的技術(shù)，建議大家都收藏起來，以備以后使用。
2009-04-04
JavaScript 拖拽翻頁效果代碼
拖動(dòng)翻頁代碼，很多人都想擁有這樣一個(gè)功能，現(xiàn)在于JavaScript配合CSS終于實(shí)現(xiàn)了，個(gè)人感覺真的很不錯(cuò)，按住鼠標(biāo)左鍵向某一方向拖動(dòng)即可完成分頁動(dòng)作，符合WEB標(biāo)準(zhǔn)，兼容多瀏覽器。
2010-03-03
JS實(shí)現(xiàn)網(wǎng)頁百葉窗效果
JS實(shí)現(xiàn)網(wǎng)頁百葉窗特效代碼，百葉窗JS代碼，你預(yù)覽一下效果就明白了，由上到下交叉切換的網(wǎng)頁特效，像百葉窗關(guān)上的效果，百葉窗效果在各種編程代碼里都有應(yīng)用，確實(shí)是一個(gè)經(jīng)典的效果
2013-03-03
JS實(shí)現(xiàn)簡潔(隔行換色、高亮顯示)表格特效
JS實(shí)現(xiàn)的表格，使用JavaScript編寫實(shí)現(xiàn)一個(gè)簡潔的表格，大家參考一下，加入了隔行換色，并且鼠標(biāo)滑過時(shí)還有高亮顯示特效，我看到了都目瞪口呆確實(shí)相當(dāng)不錯(cuò)，有興趣的朋友可以參考下
2012-12-12
網(wǎng)頁背景漸變效果代碼
網(wǎng)頁背景漸變效果代碼...
2007-04-04