qq_慕數(shù)據(jù)7301437
2016-11-07 11:19:19
5 回答

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

NadiaSmile
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í)改了
具體怎么寫的你可以探究一下源碼
望采納~~~~

拿不到鑰匙的車放不進(jìn)手機(jī)的歌
TA貢獻(xiàn)71條經(jīng)驗(yàn) 獲得超29個(gè)贊
個(gè)人猜想是js的onmouseover吧,然后創(chuàng)建css就好

罌廂墨己
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>

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

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