国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JQuery實現鼠標移動到圖片上顯示邊框效果

2019-11-20 21:16:55
字體:
來源:轉載
供稿:網友
復制代碼 代碼如下:

以下為程序代碼:<!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>

點擊查看演示:http://biyuan.tk/u/upload/201311131123292656.html
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 香河县| 通州区| 南江县| 仁怀市| 沐川县| 财经| 荥经县| 集贤县| 濮阳市| 门头沟区| 静安区| 徐闻县| 衢州市| 鸡东县| 温宿县| 聂荣县| 常德市| 志丹县| 余干县| 东台市| 霍州市| 乐昌市| 通许县| 昌平区| 清河县| 左云县| 辽阳市| 临邑县| 陆丰市| 黎平县| 凤凰县| 临高县| 广德县| 磐安县| 嘉鱼县| 特克斯县| 夏津县| 宜城市| 丽江市| 赤水市| 广饶县|