国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JS > 正文

JS和CSS實現的氣泡窗口

2024-09-06 12:40:50
字體:
來源:轉載
供稿:網友
普通的alt無法自定義風格,而sweet titles通過js腳本與css的集合.自定義了這種偽alt風格.
前一段時間非常流行的,就所謂的氣泡窗口(鼠標移到鏈接處出現的).

我們這里實現的用的是sweet titles的插件.顯示效果完全由css控制..

先下載sweet titles的插件(http://www.dustindiaz.com/sweet-titles).
在頁面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; /*氣泡框邊緣線粗細,線的類型以及顏色.*/
text-align:left;
padding:5px;
min-height:2em;
-moz-border-radius:5px; /*firefox專用,用來圓弧劃邊緣的四角.*/
}

body div#tooltip p {
margin:0;
padding:0;
color:#fff; /*說明文字顏色*/
font:11px/12px verdana,arial,sans-serif;
}

body div#tooltip p em {
display:block;
margin-top:3px;
color:#f60; /*地址文字顏色*/
font-style:normal;
font-weight:bold;
}

body div#tooltip p em span {
font-weight:bold;
color:#fff;
}


注:可以通過修改sweettitles.js文件里的opacity參數調整氣泡框的透明度.默認為80..
this.tip.style.opacity = '.80';
this.tip.style.filter = "alpha(opacity:80)";
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 维西| 海南省| 旺苍县| 郓城县| 右玉县| 沐川县| 旅游| 安徽省| 恭城| 鄂托克前旗| 昆明市| 泾源县| 乌拉特后旗| 高淳县| 多伦县| 武义县| 沁源县| 句容市| 河津市| 勐海县| 彰武县| 绿春县| 中江县| 额敏县| 兴国县| 黔西县| 广平县| 密山市| 莱芜市| 西畴县| 南汇区| 邓州市| 西华县| 洪洞县| 丹凤县| 宁化县| 蚌埠市| 巴东县| 武乡县| 塔城市| 赫章县|