快捷導(dǎo)航

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

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

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