一个跟随鼠标的图片放大效果与FF兼容

LANBEIVE

LANBEIVE

2016-02-19 09:54

今天给大家分享的是由图老师小编精心为您推荐的一个跟随鼠标的图片放大效果与FF兼容,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

div style="text-align:center" style="overfow: hidden; width: 100px; height: 100px"img src="http://img.warting.com/allimg/2015/1222/lizry520ci4-2292.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"
/div
div style="text-align:center" style="overfow: hidden; width: 100px; height: 100px"
img src="http://img.warting.com/allimg/2015/1222/vn0f42y4r1e-2293.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"
/div
div style="text-align:center" style="overfow: hidden; width: 100px; height: 100px"
img src="http://img.warting.com/allimg/2015/1222/3boqhgqb0ca-2294.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)"
/div
div id="enlarge_images" style="position: absolute; z-index:2"/div

SCRIPT        
function show(_this) {
    document.getElementById("enlarge_images").innerHTML = "img src='" + _this.src + "' ";
}
function hide(_this) {
    document.getElementById("enlarge_images").innerHTML = "";
}
function move_layer(event){
    event = event || window.event;
    enlarge_images.style.left=event.clientX+document.body.scrollLeft+10;
    enlarge_images.style.top=event.clientY+document.body.scrollTop+10;
}
document.onmousemove =move_layer;
/SCRIPT

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

一个跟随鼠标的图片放大效果与FF兼容

Web开发
一个跟随鼠标的图片放大效果与FF兼容

flash教程跟随鼠标的旋转星星

电脑应用
flash教程跟随鼠标的旋转星星

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Flash教程:AS代码制作跟随鼠标的火苗

flash教程
Flash教程:AS代码制作跟随鼠标的火苗

Flash教程:AS代码制作跟随鼠标的火苗 (1)

FLASH flash教程
Flash教程:AS代码制作跟随鼠标的火苗 (1)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

拖动层效果兼容IE和FF!

Web开发
拖动层效果兼容IE和FF!

一个鼠标效果 代码简单易懂 效果不错的

电脑网络
一个鼠标效果 代码简单易懂 效果不错的

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

基于C中一个行压缩图的简单实现代码

基于C中一个行压缩图的简单实现代码

JS 建立对象的方法

JS 建立对象的方法
下拉加载更多内容 ↓