用DW中ToolTip代碼改進(jìn)的提示框_Dreamweaver教程

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

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

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

css控制動畫效果

<style type="text/css">

</style>

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

運(yùn)行代碼框
<head> <title>圖像效果演示</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script> /* 舜子制作 Made by PuterJam */ //--初始化變量-- var rT=true;//答應(yīng)圖像過渡 var bT=true;//答應(yīng)圖像淡入淡出 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://www.hl5o.cn/shipinjiaocheng/wangzhanzhizuo/" class="xgnraon" target="_blank">Drwamweaver在線視頻教程</a> <a href="http://www.hl5o.cn/shipindabaoxiazai/wangzhanzhizuo/" target="_blank">Drwamweaver視頻教程打包下載</a></h4><ul><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80077/">Drwamweaver網(wǎng)頁實例視頻教程</a> <a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80084/">Dreamweaver+ASP動態(tài)網(wǎng)頁設(shè)計視頻教程</a> <a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80086/">Dreamweaver視頻課程</a><br /><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80090/">Dreamweaver系列視頻教程</a> <a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80095/">DreamweaverMX網(wǎng)頁制作視頻教程</a></ul><ul class="un"><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80210/">Dreamweaver制作網(wǎng)頁教程下載</a> <a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80216/">Dreamweaver視頻教程下載</a> <a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80531/">Dreamweaver8視頻教程</a><br /><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80530/">DreamWeaver 即學(xué)即會</a> <a target="_blank" href="http://www.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://www.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代碼改進(jìn)的提示框到會員收藏夾">[收藏]</a><a href="javascript:bc('用DW中ToolTip代碼改進(jìn)的提示框',window.location.href,16589);">[報錯]</a><a href="http://www.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://www.hl5o.cn/jiaocheng/29217.html">用Dreamweaver在網(wǎng)頁中插入Flash按鈕</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29215.html">在Dreamweaver中編寫CSS需要掌握的技巧</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29213.html">Dreamweaver CS3代碼片斷功能面板的利用</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29209.html">Dreamweaver CS3 的最新功能</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29207.html">用Dreamweaver建站如何設(shè)計CSS?</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29204.html">Dreamweaver文字自動換行</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29200.html">探討Dreamweaver制作網(wǎng)頁時的空格</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29195.html">使用Dreamweaver制作網(wǎng)頁的20個技巧</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29191.html">Dreamweaver MX 2004的PPT格式課件</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29189.html">Dreamweaver技巧：運(yùn)用代碼片斷工具提高css開發(fā)效率</a></li> <li><a href="http://www.hl5o.cn/jiaocheng/29186.html">在DreamWeaver中編寫CSS的一些技巧</a></li> <li><a href="http://www.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://www.hl5o.cn/jiaocheng/16694.html">Dreamweaver 數(shù)據(jù)庫路徑的使用</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/16716.html">Dreamweaver MX2004視頻寶典教程工作區(qū)結(jié)構(gòu)</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/28667.html">給用DW編寫CSS人的一些建議</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/16910.html">巧用DW判斷字符串中是否有換行</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/28624.html">利用Dreamweaver解決網(wǎng)頁中的空格</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/16884.html">用Dreamweaver合理為為網(wǎng)頁進(jìn)行優(yōu)化</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/16865.html">如何用Dreamweaver批量做web網(wǎng)頁</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/16856.html">如何像表格table一樣對層div進(jìn)行輕松布局</a></li><li><a target="_blank" href="http://www.hl5o.cn/jiaocheng/16911.html">Dreamweaver代碼片斷提高css開發(fā)效率</a></li><li><a target="_blank" href="http://www.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://www.hl5o.cn/shipinjiaocheng/80094/">div css視頻教程</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80526/">Dreamweaver 8.0網(wǎng)頁設(shè)計</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80521/">Dreamweaver 8 大師系列教程- 高級篇</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80531/">Dreamweaver8視頻教程</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80517/">中文版Dreamweaver 8從入門到精通</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80214/">4u2v Drwamweaver網(wǎng)頁制作實例教程100例</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80523/">巧學(xué)巧用Dreamweaver8制作網(wǎng)頁</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80208/">動態(tài)網(wǎng)頁設(shè)計視頻全教程</a></li><li><a target="_blank" href="http://www.hl5o.cn/shipinjiaocheng/80088/">CSS視頻教程</a></li><li><a target="_blank" href="http://www.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();">復(fù)制本頁鏈接</a>| <a rel="nofollow" href="http://www.hl5o.cn/s.php?q=用DW中ToolTip代碼改進(jìn)的提示框" target="_blank">搜索用DW中ToolTip代碼改進(jìn)的提示框</a></p></li><li id="znjbzjn" class="s_i_a"><span>教程說明：</span><p><a class="s_i_a" href="http://www.hl5o.cn/jiaocheng/dreamweaver/">Dreamweaver教程</a>-<strong>用DW中ToolTip代碼改進(jìn)的提示框</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="k0g2i" class="pl_css_ganrao" style="display: none;"><abbr id="k0g2i"></abbr><center id="k0g2i"><strong id="k0g2i"><optgroup id="k0g2i"></optgroup></strong></center><li id="k0g2i"></li><kbd id="k0g2i"><tr id="k0g2i"><object id="k0g2i"></object></tr></kbd><object id="k0g2i"></object><menu id="k0g2i"></menu><td id="k0g2i"></td><abbr id="k0g2i"></abbr><dfn id="k0g2i"><rt id="k0g2i"><code id="k0g2i"></code></rt></dfn><em id="k0g2i"></em><rt id="k0g2i"><tbody id="k0g2i"><em id="k0g2i"></em></tbody></rt><dl id="k0g2i"><optgroup id="k0g2i"><abbr id="k0g2i"></abbr></optgroup></dl><tr id="k0g2i"></tr><cite id="k0g2i"></cite><th id="k0g2i"></th><center id="k0g2i"></center><li id="k0g2i"></li><strong id="k0g2i"></strong><ul id="k0g2i"><sup id="k0g2i"><center id="k0g2i"></center></sup></ul><noscript id="k0g2i"></noscript><table id="k0g2i"><kbd id="k0g2i"><acronym id="k0g2i"></acronym></kbd></table><abbr id="k0g2i"></abbr><cite id="k0g2i"></cite><dd id="k0g2i"><dl id="k0g2i"><nav id="k0g2i"></nav></dl></dd><del id="k0g2i"></del><pre id="k0g2i"><xmp id="k0g2i"><fieldset id="k0g2i"></fieldset></xmp></pre><dl id="k0g2i"><noframes id="k0g2i"><abbr id="k0g2i"></abbr></noframes></dl><tfoot id="k0g2i"></tfoot><center id="k0g2i"><strong id="k0g2i"><optgroup id="k0g2i"></optgroup></strong></center><strong id="k0g2i"></strong><blockquote id="k0g2i"></blockquote><dd id="k0g2i"><dl id="k0g2i"><optgroup id="k0g2i"></optgroup></dl></dd><delect id="k0g2i"></delect><acronym id="k0g2i"></acronym><th id="k0g2i"></th><tfoot id="k0g2i"></tfoot><strike id="k0g2i"></strike><ul id="k0g2i"><dfn id="k0g2i"><center id="k0g2i"></center></dfn></ul><sup id="k0g2i"></sup><menu id="k0g2i"></menu><menu id="k0g2i"></menu><dd id="k0g2i"></dd><option id="k0g2i"></option><del id="k0g2i"></del><samp id="k0g2i"></samp><abbr id="k0g2i"></abbr><sup id="k0g2i"></sup><li id="k0g2i"></li><li id="k0g2i"></li><rt id="k0g2i"><code id="k0g2i"><noframes id="k0g2i"></noframes></code></rt><bdo id="k0g2i"></bdo><center id="k0g2i"></center><pre id="k0g2i"><wbr id="k0g2i"><cite id="k0g2i"></cite></wbr></pre><pre id="k0g2i"></pre><pre id="k0g2i"></pre><table id="k0g2i"></table><table id="k0g2i"><tr id="k0g2i"><acronym id="k0g2i"></acronym></tr></table><del id="k0g2i"></del><cite id="k0g2i"></cite><menu id="k0g2i"><noscript id="k0g2i"><pre id="k0g2i"></pre></noscript></menu><ul id="k0g2i"><sup id="k0g2i"><center id="k0g2i"></center></sup></ul><nav id="k0g2i"><abbr id="k0g2i"><center id="k0g2i"></center></abbr></nav><dfn id="k0g2i"></dfn><kbd id="k0g2i"></kbd><pre id="k0g2i"><td id="k0g2i"><fieldset id="k0g2i"></fieldset></td></pre><delect id="k0g2i"></delect><tfoot id="k0g2i"></tfoot><center id="k0g2i"></center><menu id="k0g2i"></menu><option id="k0g2i"></option><tbody id="k0g2i"></tbody><li id="k0g2i"></li><tr id="k0g2i"><pre id="k0g2i"><xmp id="k0g2i"></xmp></pre></tr><strong id="k0g2i"></strong><abbr id="k0g2i"></abbr><th id="k0g2i"></th><del id="k0g2i"></del><table id="k0g2i"><noscript id="k0g2i"><acronym id="k0g2i"></acronym></noscript></table><strike id="k0g2i"></strike><tr id="k0g2i"></tr><blockquote id="k0g2i"></blockquote><source id="k0g2i"></source><dfn id="k0g2i"><source id="k0g2i"><strong id="k0g2i"></strong></source></dfn><dfn id="k0g2i"></dfn><xmp id="k0g2i"></xmp><center id="k0g2i"></center><menu id="k0g2i"><tr id="k0g2i"><acronym id="k0g2i"></acronym></tr></menu><pre id="k0g2i"><xmp id="k0g2i"><tfoot id="k0g2i"></tfoot></xmp></pre><blockquote id="k0g2i"></blockquote><xmp id="k0g2i"><strike id="k0g2i"><input id="k0g2i"></input></strike></xmp><code id="k0g2i"></code><th id="k0g2i"><nav id="k0g2i"><small id="k0g2i"></small></nav></th><li id="k0g2i"></li><pre id="k0g2i"><td id="k0g2i"><cite id="k0g2i"></cite></td></pre><tr id="k0g2i"><pre id="k0g2i"><td id="k0g2i"></td></pre></tr><button id="k0g2i"><samp id="k0g2i"><tbody id="k0g2i"></tbody></samp></button><tbody id="k0g2i"></tbody><center id="k0g2i"></center><abbr id="k0g2i"></abbr><option id="k0g2i"><samp id="k0g2i"><tbody id="k0g2i"></tbody></samp></option></div></html>

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

用DW中ToolTip代碼改進(jìn)的提示框_Dreamweaver教程