 
以下為程序代碼：<!DOCTYPE html/> 
<head> 
<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(function() { 
$(".v").mouseover(function() { 
var x = $("<div class='vs'></div>"); 
x.appendTo($('body')); 
x.css({ 
width : $(this).width() - 6, 
height : $(this).height() - 6, 
left : $(this).offset().left, 
top : $(this).offset().top 
}); 
$($.browser.msie ? this : x).mouseout(function(){ 
x.remove(); 
}); 
}); 
}); 
</script> 
<style> 
.vs {z-index:1000;position:absolute;border:3px solid red;} 
</style> 
</head> 
<body> 
<a href="#"><img src="http://img2.bdstatic.com/img/image/774730e0cf3d7ca7bcb7a7b223ebc096b63f624a89b.jpg" border="0" class="v" /></a> 
<a href="#"><img src="http://img2.bdstatic.com/img/image/774730e0cf3d7ca7bcb7a7b223ebc096b63f624a89b.jpg" border="0" /></a> 
<a href="#"><img src="http://img2.bdstatic.com/img/image/774730e0cf3d7ca7bcb7a7b223ebc096b63f624a89b.jpg" border="0" class="v" /></a> 
</body> 
</html> 

點(diǎn)擊查看演示：http://biyuan.tk/u/upload/201311131123292656.html

您可能感興趣的文章:

相關(guān)文章

jQuery之浮動(dòng)窗口實(shí)現(xiàn)代碼(兩種方法)
今天公司要求實(shí)現(xiàn)浮動(dòng)窗口效果，自己看了不少資料終于實(shí)現(xiàn)此效果。用jQ實(shí)現(xiàn)浮動(dòng)窗口功能,彈出窗口時(shí)背景變暗.
2010-09-09
jQuery插件分享之分頁(yè)插件jqPagination
jqPagination 是一個(gè)簡(jiǎn)單易用的輕量級(jí) jQuery分頁(yè)插件，其使用了 HTML5 和 CSS3 技術(shù)來(lái)實(shí)現(xiàn)。此插件提供了幾個(gè)參數(shù)設(shè)置選項(xiàng)，通過(guò)簡(jiǎn)單的配置即可生成分頁(yè)控件。此外，它的外觀樣式是可自定義的，擴(kuò)展性很強(qiáng)。
2014-06-06
jQuery設(shè)計(jì)思想完整篇
據(jù)統(tǒng)計(jì)，全世界排名前100萬(wàn)的網(wǎng)站，有46%使用jQuery，遠(yuǎn)遠(yuǎn)超過(guò)其他庫(kù)。微軟公司甚至把jQuery作為他們的官方庫(kù)。
2011-08-08
jquery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表單驗(yàn)證實(shí)例
下面小編就為大家?guī)?lái)一篇jquery實(shí)現(xiàn)一個(gè)簡(jiǎn)單的表單驗(yàn)證實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-03-03
Jquery使用Firefox FireBug插件調(diào)試Ajax步驟講解
本文介紹Jquery下的Ajax調(diào)試方法,Jquery Ajax 提供了全功能的 $.ajax() 方法，還有諸如 $.get()，$.getScript()，$.getJSON()，$.post() 和 $().load() 等更為簡(jiǎn)便的方法
2013-12-12
jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果實(shí)例【附源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的粘性滾動(dòng)導(dǎo)航欄效果,涉及jQuery插件smint的相關(guān)使用技巧,并附帶完整實(shí)例源碼供讀者下載參考,需要的朋友可以參考下
2017-10-10
jQuery ajax分頁(yè)插件實(shí)例代碼
這篇文章主要介紹了jQuery ajax分頁(yè)插件實(shí)例代碼的相關(guān)資料，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，特此分享供大家學(xué)習(xí)
2016-01-01
jquery樹形插件zTree高級(jí)使用詳解
這篇文章主要為大家詳細(xì)介紹了jquery樹形插件zTree高級(jí)使用教程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-08-08
幾個(gè)比較經(jīng)典常用的jQuery小技巧
現(xiàn)在講一下幾個(gè)比較經(jīng)典，而且比較常用的 jQuery 技巧，相信你能舉一反三。
2010-03-03
快速學(xué)習(xí)jQuery插件 jquery.validate.js表單驗(yàn)證插件使用方法
快速學(xué)習(xí)jQuery插件中的jquery.validate.js表單驗(yàn)證插件使用方法，Validation是歷史最悠久的jQuery插件之一，經(jīng)過(guò)了全球范圍內(nèi)不同項(xiàng)目的驗(yàn)證，并得到了許多Web開(kāi)發(fā)者的好評(píng)，感興趣的小伙伴們可以參考一下
2015-12-12