首頁  >  文章  >  web前端  >  JQuery實作滑鼠移到圖片上顯示邊框效果_jquery

JQuery實作滑鼠移到圖片上顯示邊框效果_jquery

WBOY
WBOY原創
2016-05-16 17:04:231404瀏覽
複製程式碼如下程式碼:

以下為程式碼:>>

以下為程式碼:>>



$(function() {
$(".v").mouseover(function() {
var x = $("
; ");
x.appendTo($('body'));
x.css({
寬度: $(this).width() - 6,
高度: $ (this ).height() - 6,
左:$(this).offset().left,
上:$(this).offset().top
}); $.browser .msie ? >.vs {z-index:1000;position:absolute;border:3px Solid red;}

頭>

JQuery實作滑鼠移到圖片上顯示邊框效果_jquery/> JQuery實作滑鼠移到圖片上顯示邊框效果_jquery
img src="http://img2.bdstatic.com/img/image/774730e0cf3d7ca7bcb7a7b223ebc096b63f624a89b.jpg" border="0" class="v"/>/>
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn