快捷導(dǎo)航

Web網(wǎng)頁對話框可拖動、關(guān)閉(自動)文字循環(huán)變化

更新時間：2012年12月25日 16:42:32 作者：

由Js實現(xiàn)的網(wǎng)頁WEB對話框，鼠標(biāo)可隨意拖動改變位置，類似于有些軟件初次運行時候彈出的每日提示，里面有文字在循環(huán)變化，時間到自動關(guān)閉,多么強大的一個web對話框啊，有興趣的朋友可以參考下啊

<title>Web 頁對話框</title> <style>span,table{font-size:10pt;margin:0pt}</style> <body onmousemove=move1()> <table id=table1 bordercolorlight=#d8d0c8 bordercolordark=#808080 border=2 style=display:block;position:absolute;width:400;height:257;left:100;top:50;background-color:#c0c0c0;> <tr><td style=vertical-align:top> <span id=span1 onselectstart="return false" style=cursor:nw-resize;width:400;background-color:#002468 onmousedown=down1() onmouseup=up1() style=color:white>&nbsp;Tip of the day -- Web 頁對話框 <span style=width:157;height:8;background:#002468></span> <span id=x style=color:black;background:#d8d0c8;width:18;height:8;vertical-align:middle;text-align:center;padding:0;margin:2;cursor:hand;border-style:outset;border-width:2 onclick=closewin()>X</span></span>  <span style=width:10;background-color:#c0c0c0;height:160></span> <span id=span2 style=border-style:solid;border-width:1;border-color:#808080;width:60;background-color:#808080;height:160>&nbsp;&nbsp;<b><font color=white style=cursor:help onclick='alert("大家隨便拿去用哦^o^")'>幫助</font></b>  <span style=color:white; id=num>&nbsp;&nbsp;1/5</span> </span> <span style=border-style:solid;border-width:1;border-color:#808080;width:320;background-color:white;height:60;position:absolute;><h3><b>&nbsp;&nbsp;你知道嗎...</b></h3></span> <span id=call style=border-style:solid;border-width:1;border-color:#808080;width:320;background-color:white;height:100;text-align:center;> <span id=message style=width:270;height:70;background:white>大家好，我是dennisboys</span> </span>  <span>&nbsp;&nbsp;<input id=check1 type=checkbox checked onclick=checkone() onfocus=this.blur()>&nbsp;自動翻帖</span> <span style=width:155;height:20;background:#c0c0c0></span> <span><input type=button value="下一帖" style=background-color:#c0c0c0 onclick=nextmsg() onfocus=this.blur()></span> <span><input type=button value="關(guān)閉" style=background-color:#c0c0c0 onfocus=this.blur() onclick=closewin()></span> </td></tr> </table> </body>

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

您可能感興趣的文章:

相關(guān)文章

table 隔列(行)換色效果讓表格結(jié)構(gòu)更清淅
table 隔列換色效果，很實用的一款網(wǎng)頁特效代碼，用隔行換色來修飾表格，可讓表格結(jié)構(gòu)更清淅，也更加美觀，是一個十分流行的表格特效,在網(wǎng)頁中有利于提高用戶體驗，是一個很不錯的效果，需要的朋友可以參考下
2012-12-12
js 模擬氣泡屏保效果代碼
用JavaScript實現(xiàn)的模擬氣泡屏保效果代碼，包括氣泡的碰撞效果，喜歡的朋友可以參考下。
2010-07-07
javascript實現(xiàn)div的拖動并調(diào)整大小類似qq空間個性編輯模塊
qq空間的個性編輯模塊可以隨意的拖動頁面上的元素并且調(diào)動大小實現(xiàn)動態(tài)布局;這種效果的確很酷,那么我們也來實現(xiàn)一個吧
2012-12-12
Js網(wǎng)頁另存為實現(xiàn)代碼
Js實現(xiàn)網(wǎng)頁另存為，點擊按鈕即可實現(xiàn)，網(wǎng)頁代碼。
2010-09-09
自己寫的兼容ie和ff的在線文本編輯器類似ewebeditor
最近寫了個在線的編輯器，類似ewebeditor那樣的，當(dāng)然沒有人家那么強大，但是基本功能都有，而且還是兼容ie和ff的,需要的朋友可以參考下
2012-12-12
HTML很火的浪漫愛心表白代碼
程序員的你是不是也想送個特別的禮物。今天給大家分享一個HTML+CSS+jQuery實現(xiàn)的情侶浪漫愛心表白JS特效，視覺效果還是相當(dāng)不錯！得此表白神器，程序猿也可以很浪漫！快去追你的女神吧，把這個告白愛心動畫發(fā)給你心愛的她！
2023-01-01
js實現(xiàn)花俏的轉(zhuǎn)動、旋轉(zhuǎn)之后慢慢張開的窗口特效
花俏的轉(zhuǎn)動的窗口，主要是使用JavaScript代碼實現(xiàn)，運行本效果后，窗口不斷旋轉(zhuǎn)，而后慢慢張開，很炫的效果，看到之后我都目瞪口呆了，真的是很炫，期待喜歡的朋友借鑒參考
2012-12-12
網(wǎng)頁計算器一個JS計算器
一個挺小的JavaScript網(wǎng)頁計算器，界面美化的我想還是不錯的，畢竟在沒有使用任何圖片修飾的情況下，很好看，而且功能挺實用，可以完成基本的數(shù)學(xué)算數(shù)運算
2013-09-09
Js獲取電腦屏幕的顏色色彩品質(zhì)(16位或32位)
Js獲取屏幕的顏色色彩品質(zhì)，16位或32位，只需運行本代碼，即可得到你當(dāng)前屏幕的顏色品質(zhì)，現(xiàn)在一般都是32位了。
2010-09-09
百度手寫板代碼JavaScript遠(yuǎn)程調(diào)用的實現(xiàn)(鼠標(biāo)輸入法)
百度手寫板代碼JavaScript遠(yuǎn)程調(diào)用的實現(xiàn)，其實沒什么可參考的，引用百度的Js文件，如果大家想使用這個類的話，自己下載就行了，正好可參考一下本演示，幫你快速入題。
2010-09-09