jQuery 漸隱漸出的鏈接文字提示_文本鏈接特效

jQuery 漸隱漸現(xiàn)的鏈接文字提示，用法很簡(jiǎn)單，大家可以看代碼。因jquery代碼加載完成才能看到效果，因此如果首次運(yùn)行JS報(bào)錯(cuò)的話，請(qǐng)刷新一下頁(yè)面就可以了。

<html>
<head>
<title>jquery漸隱漸出的文字提示</title>
<style type="text/css">
#preview{border:1px solid #999;background:#9900CC;color:#fff;padding:5px;display:none;position:absolute;}
</style>
<script type="text/javascript" src="http://p1.mb5u.com/texiao/jquery1.3.2.js"></script>
</head>
<body>
如果加載時(shí)有錯(cuò)誤，請(qǐng)刷新一下頁(yè)面，在真正應(yīng)用中不會(huì)有此現(xiàn)象發(fā)生。<br><br><br>
<a class="preview">請(qǐng)把鼠標(biāo)放這里查看效果！</a>
<script type="text/javascript">
this.imagePreview = function(){ 
xOffset = 10;
yOffset = 30;
$("a.preview").hover(function(e){
   $("body").append("<div id='preview'>這個(gè)提示是由jquery完成的哦，很不錯(cuò)吧？</div>");         
   $("#preview")
    .css("top",(e.pageY - xOffset) + "px")
    .css("left",(e.pageX + yOffset) + "px")
    .fadeIn("slow");      
    },
function(){
   $("#preview").fadeOut("fast");
    }); 
$("a.preview").mousemove(function(e){
   $("#preview")
    .css("top",(e.pageY - xOffset) + "px")
    .css("left",(e.pageX + yOffset) + "px");
});   
};
$(document).ready(function(){
imagePreview();
});
</script>
</body>
</html>

所屬頻道：文本鏈接特效/更新時(shí)間：2012-11-28

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)文本鏈接特效：

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁(yè)鏈接| 搜索jQuery 漸隱漸出的鏈接文字提示
特效說(shuō)明：
文本鏈接模板-jQuery 漸隱漸出的鏈接文字提示。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

jQuery 漸隱漸出的鏈接文字提示_文本鏈接特效

文本鏈接特效Rss訂閱特效代碼搜索

文本鏈接特效推薦

猜你也喜歡看這些