用DW中ToolTip代碼改進的提示框_Dreamweaver教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

這個我早就改好了一直沒有放上來.現(xiàn)在發(fā)給大家用用
注重這幾個變量它們影響到提示框的效果

var rT=true;//答應圖像過渡
var bT=true;//答應圖像淡入淡出
var tw=150;//提示框?qū)挾?BR>var endaction=false;//結(jié)束動畫

css控制動畫效果

<style type="text/css">

</style>

只要把里面的'revealTrans(duration=.2,transition=1)'濾鏡的transition值改變可以換動畫過渡效果了.
不說這么多了地球人都知道 revealTrans 和 blendtrans了吧

運行代碼框
<head> <title>圖像效果演示</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script> /* 舜子制作 Made by PuterJam */ //--初始化變量-- var rT=true;//答應圖像過渡 var bT=true;//答應圖像淡入淡出 var tw=150;//提示框?qū)挾? var endaction=false;//結(jié)束動畫 var ns4 = document.layers; var ns6 = document.getElementById && !document.all; var ie4 = document.all; offsetX = 0; offsetY = 20; var toolTipSTYLE=""; function initToolTips() { if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else { toolTipSTYLE.visibility = "visible"; toolTipSTYLE.display = "none"; } document.onmousemove = moveToMouseLoc; } } function toolTip(msg, fg, bg) { if(toolTip.arguments.length < 1) // hide { if(ns4) { toolTipSTYLE.visibility = "hidden"; } else { //--圖象過渡，淡出處理-- if (!endaction) {toolTipSTYLE.display = "none";} if (rT) document.all("msg1").filters[1].Apply(); if (bT) document.all("msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1").filters[1].Play(); if (bT) document.all("msg1").filters[2].Play(); if (rT){ if (document.all("msg1").filters[1].status==1 || document.all("msg1").filters[1].status==0){ toolTipSTYLE.display = "none";} } if (bT){ if (document.all("msg1").filters[2].status==1 || document.all("msg1").filters[2].status==0){ toolTipSTYLE.display = "none";} } if (!rT && !bT) toolTipSTYLE.display = "none"; //---------------------- } } else // show { if(!fg) fg = "#777777"; if(!bg) bg = "#eeeeee"; var content = '<table id="msg1" name="msg1" border="0" cellspacing="0" cellpadding="1" bgcolor="' fg '" class="trans_msg"><td>' '<table border="0" cellspacing="0" cellpadding="3" bgcolor="' bg '"><td width=' tw '><font face="Arial" color="' fg '" size="-2">' msg '&nbsp\;</font></td></table></td></table>'; if(ns4) { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible"; } if(ns6) { document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' //--圖象過渡，淡入處理-- var cssopaction=document.all("msg1").filters[0].opacity document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1").filters[1].Apply(); if (bT) document.all("msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=cssopaction; if (rT) document.all("msg1").filters[1].Play(); if (bT) document.all("msg1").filters[2].Play(); //---------------------- } } } function moveToMouseLoc(e) { if(ns4||ns6) { x = e.pageX; y = e.pageY; } else { x = event.x document.body.scrollLeft; y = event.y document.body.scrollTop; } toolTipSTYLE.left = x offsetX; toolTipSTYLE.top = y offsetY; return true; } </script> <style type="text/css">  </style> </head> <script> </script> <body> <div id="toolTipLayer" style="position:absolute; visibility: hidden"></div> <script>initToolTips()</script> <font face="Arial"> <a href="#" onMouseOver="toolTip('這是個好東東<br>你說呢<br>哈哈')" onMouseOut="toolTip()">test</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip('你要嗎，好好用的哦真的', '#FFFF00', 'red')" onMouseOut="toolTip()">test</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip('這是個好東東<br>你說呢<br>哈哈', '#FFFF00', 'orange')" onMouseOut="toolTip()">test</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip('<marquee>跑啊!!跑</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">test</a></font> </body> <p><div id="znjbzjn" class="nr_xgnr"><h4><a href="http://hl5o.cn/shipinjiaocheng/wangzhanzhizuo/" class="xgnraon" target="_blank">Drwamweaver在線視頻教程</a> <a href="http://hl5o.cn/shipindabaoxiazai/wangzhanzhizuo/" target="_blank">Drwamweaver視頻教程打包下載</a></h4><ul><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80077/">Drwamweaver網(wǎng)頁實例視頻教程</a> <a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80084/">Dreamweaver+ASP動態(tài)網(wǎng)頁設(shè)計視頻教程</a> <a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80086/">Dreamweaver視頻課程</a><br /><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80090/">Dreamweaver系列視頻教程</a> <a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80095/">DreamweaverMX網(wǎng)頁制作視頻教程</a></ul><ul class="un"><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80210/">Dreamweaver制作網(wǎng)頁教程下載</a> <a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80216/">Dreamweaver視頻教程下載</a> <a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80531/">Dreamweaver8視頻教程</a><br /><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80530/">DreamWeaver 即學即會</a> <a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80214/">Drwamweaver網(wǎng)頁制作實例教程100例</a></ul></div></p> </div><div id="znjbzjn" class="page_list nr_page"><div id="znjbzjn" class="p_l"><span id="znjbzjn" class='pageinfo'><u></u>共2頁</span><span id="znjbzjn" class='disabled'><u></u>上一頁</span><span id="znjbzjn" class='current'><u></u>1</span><a href='16589_2.html'><u></u>2</a><a href='16589_2.html'><u></u>下一頁</a></div></div><div id="znjbzjn" class="cl"></div></div> <div id="znjbzjn" class="nr_info mb10"><span id="znjbzjn" class="one">來源：網(wǎng)上收集</span>/<em style="display:none;"><span></span>/</em><span>所屬分類：<a href="http://hl5o.cn/jiaocheng/dreamweaver/">Dreamweaver教程</a></span>/<span>更新時間：2005-05-04</span> <script src="/plus/count.php?aid=16589&mid=1" type='text/javascript'></script> </div><div id="znjbzjn" class="wz_nr_r"><a href="javascript:sc(16589);" title="收藏用DW中ToolTip代碼改進的提示框到會員收藏夾">[收藏]</a><a href="javascript:bc('用DW中ToolTip代碼改進的提示框',window.location.href,16589);">[報錯]</a><a href="http://hl5o.cn/divcssjiaocheng/divcss/" title="返回Dreamweaver教程教程列表">[返回列表]</a></div> </div> <div class="znjbzjn" id="ajax_ts"></div><div class="znjbzjn" id="comment"></div> <script language="javascript">comment(16589);</script> <div id="znjbzjn" class="l_ad"><script src="/ajs/8.js" type="text/javascript"></script></div> <div id="znjbzjn" class="vtitle">相關(guān)<strong>Dreamweaver教程</strong>：</div> <div id="znjbzjn" class="xg_list"><ul><li><a href="http://hl5o.cn/jiaocheng/29217.html">用Dreamweaver在網(wǎng)頁中插入Flash按鈕</a></li> <li><a href="http://hl5o.cn/jiaocheng/29215.html">在Dreamweaver中編寫CSS需要掌握的技巧</a></li> <li><a href="http://hl5o.cn/jiaocheng/29213.html">Dreamweaver CS3代碼片斷功能面板的利用</a></li> <li><a href="http://hl5o.cn/jiaocheng/29209.html">Dreamweaver CS3 的最新功能</a></li> <li><a href="http://hl5o.cn/jiaocheng/29207.html">用Dreamweaver建站如何設(shè)計CSS?</a></li> <li><a href="http://hl5o.cn/jiaocheng/29204.html">Dreamweaver文字自動換行</a></li> <li><a href="http://hl5o.cn/jiaocheng/29200.html">探討Dreamweaver制作網(wǎng)頁時的空格</a></li> <li><a href="http://hl5o.cn/jiaocheng/29195.html">使用Dreamweaver制作網(wǎng)頁的20個技巧</a></li> <li><a href="http://hl5o.cn/jiaocheng/29191.html">Dreamweaver MX 2004的PPT格式課件</a></li> <li><a href="http://hl5o.cn/jiaocheng/29189.html">Dreamweaver技巧：運用代碼片斷工具提高css開發(fā)效率</a></li> <li><a href="http://hl5o.cn/jiaocheng/29186.html">在DreamWeaver中編寫CSS的一些技巧</a></li> <li><a href="http://hl5o.cn/jiaocheng/29180.html">使用Dreamweaver模板批量制作網(wǎng)頁</a></li> </ul></div> </div><div class="znjbzjn" id="main_r"> <h3><a href="/rss/88.xml" class="addrss" title="訂閱Dreamweaver教程更新">Dreamweaver教程Rss訂閱</a>網(wǎng)站制作教程搜索</h3> <div id="znjbzjn" class="search"> <form method="get" name="mainrs" id="searchform" action="/s.php" target="_blank"><div id="znjbzjn" class="cl"><input type="hidden" name="c" value="88" /></div><input type="text" value="搜索Dreamweaver教程..." onfocus="iCc(this)" name="q" id="q" /><input type="button" onclick ="javascript:rs();" id="searchsubmit" class="ycss" value="搜" /></form></div> <s></s> <div id="znjbzjn" class="r_adl"><ul> <script src="/ajs/3.js" type="text/javascript"></script> </ul></div> <script src="http://i1.mb5u.com/img/history.js" type="text/javascript"></script> <div id="znjbzjn" class="sublist"> <h3>Dreamweaver教程推薦</h3> <ul><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16694.html">Dreamweaver 數(shù)據(jù)庫路徑的使用</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16716.html">Dreamweaver MX2004視頻寶典教程工作區(qū)結(jié)構(gòu)</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/28667.html">給用DW編寫CSS人的一些建議</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16910.html">巧用DW判斷字符串中是否有換行</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/28624.html">利用Dreamweaver解決網(wǎng)頁中的空格</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16884.html">用Dreamweaver合理為為網(wǎng)頁進行優(yōu)化</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16865.html">如何用Dreamweaver批量做web網(wǎng)頁</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16856.html">如何像表格table一樣對層div進行輕松布局</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16911.html">Dreamweaver代碼片斷提高css開發(fā)效率</a></li><li><a target="_blank" href="http://hl5o.cn/jiaocheng/16592.html">Javascript 表單之間的數(shù)據(jù)傳遞</a></li></ul> </div> <div id="znjbzjn" class="sublist xglm"><h3>猜你也喜歡看這些</h3> <ul><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80094/">div css視頻教程</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80526/">Dreamweaver 8.0網(wǎng)頁設(shè)計</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80521/">Dreamweaver 8 大師系列教程- 高級篇</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80531/">Dreamweaver8視頻教程</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80517/">中文版Dreamweaver 8從入門到精通</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80214/">4u2v Drwamweaver網(wǎng)頁制作實例教程100例</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80523/">巧學巧用Dreamweaver8制作網(wǎng)頁</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80208/">動態(tài)網(wǎng)頁設(shè)計視頻全教程</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80088/">CSS視頻教程</a></li><li><a target="_blank" href="http://hl5o.cn/shipinjiaocheng/80212/">呂聰賢dreamweaver視頻教程下載</a></li></ul> </div> <script src="/ajs/17.js" type="text/javascript"></script> <div id="znjbzjn" class="r_ad"><script src="/ajs/4.js" type="text/javascript"></script></div></div> <div id="znjbzjn" class="cl"></div> </div> <div id="znjbzjn" class="site_info"><ul><li><span>相關(guān)鏈接：</span><p><a href="javascript:copyToClipBoard();">復制本頁鏈接</a>| <a rel="nofollow" href="http://hl5o.cn/s.php?q=用DW中ToolTip代碼改進的提示框" target="_blank">搜索用DW中ToolTip代碼改進的提示框</a></p></li><li id="znjbzjn" class="s_i_a"><span>教程說明：</span><p><a class="s_i_a" href="http://hl5o.cn/jiaocheng/dreamweaver/">Dreamweaver教程</a>-<strong>用DW中ToolTip代碼改進的提示框</strong><img src="http://i1.mb5u.com/img/11.gif" />。</p></li></ul><div id="znjbzjn" class="cl"></div></div> </div><script src="/ajs/6.js" type="text/javascript" language="javascript"></script> <script> (function(){ var canonicalURL, curProtocol; //Get the <link> tag var x=document.getElementsByTagName("link"); //Find the last canonical URL if(x.length > 0){ for (i=0;i<x.length;i++){ if(x[i].rel.toLowerCase() == 'canonical' && x[i].href){ canonicalURL=x[i].href; } } } //Get protocol if (!canonicalURL){ curProtocol = window.location.protocol.split(':')[0]; } else{ curProtocol = canonicalURL.split(':')[0]; } //Get current URL if the canonical URL does not exist if (!canonicalURL) canonicalURL = window.location.href; //Assign script content. Replace current URL with the canonical URL !function(){var e=/([http|https]:\/\/[a-zA-Z0-9\_\.]+\.baidu\.com)/gi,r=canonicalURL,t=document.referrer;if(!e.test(r)){var n=(String(curProtocol).toLowerCase() === 'https')?"https://sp0.baidu.com/9_Q4simg2RQJ8t7jm9iCKT-xh_/s.gif":"//api.share.baidu.com/s.gif";t?(n+="?r="+encodeURIComponent(document.referrer),r&&(n+="&l="+r)):r&&(n+="?l="+r);var i=new Image;i.src=n}}(window);})(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="hlrn5" class="pl_css_ganrao" style="display: none;"><form id="hlrn5"><legend id="hlrn5"></legend></form><em id="hlrn5"><big id="hlrn5"><ol id="hlrn5"><optgroup id="hlrn5"></optgroup></ol></big></em><output id="hlrn5"><sub id="hlrn5"><div id="hlrn5"><ol id="hlrn5"></ol></div></sub></output><optgroup id="hlrn5"><video id="hlrn5"><sub id="hlrn5"><div id="hlrn5"></div></sub></video></optgroup><style id="hlrn5"><nobr id="hlrn5"></nobr></style><span id="hlrn5"><i id="hlrn5"></i></span><u id="hlrn5"><mark id="hlrn5"></mark></u><thead id="hlrn5"></thead><b id="hlrn5"><progress id="hlrn5"><pre id="hlrn5"><style id="hlrn5"></style></pre></progress></b><video id="hlrn5"><address id="hlrn5"><strike id="hlrn5"><strong id="hlrn5"></strong></strike></address></video><dfn id="hlrn5"><u id="hlrn5"><mark id="hlrn5"><form id="hlrn5"></form></mark></u></dfn><ol id="hlrn5"><form id="hlrn5"><output id="hlrn5"><sub id="hlrn5"></sub></output></form></ol><acronym id="hlrn5"></acronym><var id="hlrn5"></var><meter id="hlrn5"><pre id="hlrn5"></pre></meter><video id="hlrn5"></video><th id="hlrn5"><font id="hlrn5"></font></th><listing id="hlrn5"><tt id="hlrn5"><menuitem id="hlrn5"><dl id="hlrn5"></dl></menuitem></tt></listing><address id="hlrn5"><strike id="hlrn5"><strong id="hlrn5"><optgroup id="hlrn5"></optgroup></strong></strike></address><track id="hlrn5"></track><b id="hlrn5"><progress id="hlrn5"><sup id="hlrn5"><style id="hlrn5"></style></sup></progress></b><label id="hlrn5"></label><acronym id="hlrn5"><label id="hlrn5"><rp id="hlrn5"><font id="hlrn5"></font></rp></label></acronym><legend id="hlrn5"><sup id="hlrn5"></sup></legend><dfn id="hlrn5"><tt id="hlrn5"><big id="hlrn5"><dl id="hlrn5"></dl></big></tt></dfn><pre id="hlrn5"></pre><big id="hlrn5"></big><pre id="hlrn5"></pre><i id="hlrn5"><listing id="hlrn5"></listing></i><strike id="hlrn5"><var id="hlrn5"><optgroup id="hlrn5"><output id="hlrn5"></output></optgroup></var></strike><pre id="hlrn5"></pre><address id="hlrn5"></address><u id="hlrn5"></u><form id="hlrn5"><thead id="hlrn5"><label id="hlrn5"><strong id="hlrn5"></strong></label></thead></form><strong id="hlrn5"><ruby id="hlrn5"><thead id="hlrn5"><thead id="hlrn5"></thead></thead></ruby></strong><font id="hlrn5"><progress id="hlrn5"></progress></font><th id="hlrn5"><b id="hlrn5"></b></th><mark id="hlrn5"></mark><label id="hlrn5"><th id="hlrn5"><b id="hlrn5"><progress id="hlrn5"></progress></b></th></label><dfn id="hlrn5"><big id="hlrn5"><dl id="hlrn5"><pre id="hlrn5"></pre></dl></big></dfn><nobr id="hlrn5"><small id="hlrn5"><ins id="hlrn5"><address id="hlrn5"></address></ins></small></nobr><u id="hlrn5"><ruby id="hlrn5"></ruby></u><label id="hlrn5"></label><address id="hlrn5"><strike id="hlrn5"><strong id="hlrn5"><optgroup id="hlrn5"></optgroup></strong></strike></address><output id="hlrn5"><sub id="hlrn5"></sub></output><track id="hlrn5"></track><legend id="hlrn5"></legend><output id="hlrn5"><sub id="hlrn5"><big id="hlrn5"><ol id="hlrn5"></ol></big></sub></output><strong id="hlrn5"><rp id="hlrn5"><font id="hlrn5"><progress id="hlrn5"></progress></font></rp></strong><span id="hlrn5"></span></div></html>

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

用DW中ToolTip代碼改進的提示框_Dreamweaver教程