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

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

WBOY
發布: 2016-05-16 17:04:23
原創
1440 人瀏覽過
複製程式碼如下程式碼:

以下為程式碼:>>

以下為程式碼:>>



$(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"/>/>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板