普通的Alt無(wú)法自定義風(fēng)格,而Sweet Titles通過(guò)JS腳本與CSS的集合.自定義了這種偽Alt風(fēng)格.
前一段時(shí)間非常流行的,就所謂的氣泡窗口(鼠標(biāo)移到鏈接處出現(xiàn)的).
我們這里實(shí)現(xiàn)的用的是Sweet Titles的插件.顯示效果完全由CSS控制..
先下載Sweet Titles的插件(http://www.dustindiaz.com/sweet-titles).
在頁(yè)面Body處插入如下:
<script type="text/javascript" src="/js/addEvent.js"></script> <!--填入正確的js文件地址--> <script type="text/javascript" src="/js/sweetTitles.js"></script> <!--填入正確的js文件地址--> |
然后在CSS文件里添加如下:
body div#toolTip { position:absolute; z-index:1000; width:220px; /*氣泡窗口最大寬度.*/ background:#000; /*氣泡窗口背景顏色.*/ border:2px double #fff; /*氣泡框邊緣線粗細(xì),線的類型以及顏色.*/ text-align:left; padding:5px; body div#toolTip p { body div#toolTip p em { body div#toolTip p em span { |
注:可以通過(guò)修改sweetTitles.js文件里的opacity參數(shù)調(diào)整氣泡框的透明度.默認(rèn)為80..
this.tip.style.opacity = ’.80’; this.tip.style.filter = "alpha(opacity:80)"; |
聯(lián)系客服