5 回答

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊

TA貢獻(xiàn)149條經(jīng)驗(yàn) 獲得超291個(gè)贊
我喜歡用display:none;?? 然后hover的時(shí)候display:block.?
剛才F12看了一下源碼,一開始display:none,? 鼠標(biāo)懸停時(shí)display:inline, 應(yīng)該就是onmouseover時(shí)改了
具體怎么寫的你可以探究一下源碼
望采納~~~~

TA貢獻(xiàn)71條經(jīng)驗(yàn) 獲得超29個(gè)贊

TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超0個(gè)贊
<style?type="text/css"> ???????? #wrap{ ???????? width:?300px; ???????? margin:?100px?auto; ???????? box-shadow:?1px?1px?5px?1px?#ccc; ???????? padding:?20px; ???????? } ???????? .tooltips{??? ???????? ??display:inline-block;??? ???????? ??width:120px;??? ???????? ??padding:3px?10px;??? ???????? ??border:1px?solid?#d9d9d9;??? ???????? ??position:relative; ???????? }??? ???????? .tooltips:hover:before,.tooltips:hover:after{??? ???????? ??opacity:1;??? ???????? }??? ???????? .tooltips:before,.tooltips:after{??? ???????? ??-webkit-transition:all?.4s;??? ???????? ??transition:all?.4s;??? ???????? ??opacity:0;??? ???????? }??? ???????? .tooltip1:before{??? ???????? ??position:absolute;??? ???????? ??content:'';??? ???????? ??top:100%;??? ???????? ??left:50%;??? ???????? ??border-top:?5px?solid?transparent;??? ???????? ??border-right:?5px?solid?transparent;??? ???????? ??border-bottom:?5px?solid?rgba(0,0,0,.5);??? ???????? ??border-left:?5px?solid?transparent;??? ???????? ??-webkit-transform:translate(-50%,-5px);??? ???????? ??transform:translate(-50%,-5px);???? ???????? }??? ???????? .tooltip1:after{??? ???????? ??content:attr(data-tip);???/*//注意這里*/ ???????? ??position:absolute;??? ???????? ??top:100%;??? ???????? ??left:50%;??? ???????? ??padding:3px?10px;??? ???????? ??background:rgba(0,0,0,.5);??? ???????? ??color:#fff;??? ???????? ??white-space:nowrap;??? ???????? ??-webkit-transform:translate(-50%,5px);??? ???????? ??transform:translate(-50%,5px);??? ???????? } ???????? </style> <div?id="wrap"> <div?class="tooltip1?tooltips"?data-tip="哈哈,我是tooltip">這里!這里!</div> </div>

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
小圖標(biāo) ? ?hover ?鼠標(biāo)移動(dòng)事件 ? ?移動(dòng)到之后 彈出圖片說明

TA貢獻(xiàn)15條經(jīng)驗(yàn) 獲得超0個(gè)贊
就是顯示隱藏啊,先display:none;鼠標(biāo)移上時(shí)display:block;

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊
就是這個(gè),鼠標(biāo)移入移出效果。感覺很靈活。我們自己做的那個(gè)就有些卡頓。
添加回答
舉報(bào)