jquery tips 프롬프트 레이어
- <html>
- <head>
- <meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8">
- <title> jquery</title>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
- <style type="text/css">
- #tip {position:absolute;color:#333;display:none;}
- #tip s {position:absolute;top:40px;left:-20px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #BBA transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
- #tip s i {position:absolute;top:-10px;left:-8px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #fff transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
- #tip .t_box {position:relative;background-color:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;bottom:-3px;right:-3px;}
- #tip .t_box div {position:relative;background-color:#FFF;border:1px solid #ACA899;background:#FFF;padding:1px;top:-3px;left:-3px;}
- .tip {width:82px;height:82px;border:1px solid #DDD;}
- </style>
- <script type="text/javascript">
- $(function(){
- $('.tip').mouseover(function(){
- var $tip=$('<div id="tip"><div class="t_box"><div><s><i></i></s><img src="'+"http://blog.51cto.com/viewpic.php?refimg=" + this.src+'" /></div></div></div>');
- $('body').append($tip);
- $('#tip').show('fast');
- }).mouseout(function(){
- $('#tip').remove();
- }).mousemove(function(e){
- $('#tip').css({"top":(e.pageY-60)+"px","left":(e.pageX+30)+"px"})
- })
- })
- </script>
- <body>
- <p> </p>
- <a href="http://www.paihang.6om.cn/upan/" ><img class="tip" src="http://img04.taobaocdn.com/bao/uploaded/i4/T1dEBQXipuXXczdj2a_091642.jpg_310x310.jpg" /></a>
- <a href="http://www.paihang.6om.cn/nanzhuang/" ><img class="tip" src="http://img03.taobaocdn.com/bao/uploaded/i3/T1JrxRXhVjXXXPQgc2_044150.jpg_310x310.jpg" /></a>
- <a href="http://www.paihang.6om.cn/hufupin/" ><img class="tip" src="http://img03.taobaocdn.com/bao/uploaded/i3/T1tDNOXfNeXXXkeTI8_102031.jpg_310x310.jpg" /></a>
- </body>
- </html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
