js模仿hover的具体实现代码
更新时间：2013年12月30日 16:58:22 作者：
hover效果，想必大家并不陌生吧，接下来为大家介绍下使用js模仿hover，感兴趣的朋友可以参考下
复制代码 代码如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="this" />
<meta name="keywords" content="this" />
<title>this</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<style type="text/css">
body{margin:0;padding:0;}
.hover{float:left;position:relative;margin:0 auto;padding:0; }
.hv{position:absolute; left:0;top:0;display:none; }
</style>
<script type="text/javascript">
$(function() {
$('.hover').hover(
function (){
$('.hv').stop().fadeTo('slow',1);
},function() {
$('.hv').stop().fadeTo('slow',0);
}
)
})
</script>
</head>
<body>
<div class="hover">
<img src="http://img.vip.xunlei.com/img/banner/201303181424386268.jpg" alt="" width='100px' height='100px'>
<img class="hv" src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" alt="" width='100px' height='100px'>
</div>
</body>
</html>
相关文章
这篇文章主要介绍了JS实现超简单的鼠标拖动效果,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入E
这篇文章主要介绍了BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤,需要的朋友可以参考下2017-08-08![070823更新的一个[消息提示框]组件 兼容ie7](//img.jbzj.com/images/xgimg/bcimg2.png)
070823更新的一个[消息提示框]组件 兼容ie7...2007-08-08
这篇文章主要为大家详细介绍了微信小程序裁剪头像插件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
这篇文章主要为大家详细介绍了原生JS实现各种运动之复合运动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
javascript开发随笔一 preventDefault的必要
给a做按钮的click事件加preventDefault阻止浏览器的默认行为貌似是印象中必须的事情2011-11-11
这篇文章主要介绍了js点击按钮在倒计时后才可以点击的效果,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了es6数组之扩展运算符操作,结合实例形式总结分析es6数组扩展运算符具体原理、实现方法及操作注意事项,需要的朋友可以参考下2020-04-04
JavaScript 字符串处理函数使用小结，学习js的朋友可以参考下。2010-12-12
这篇文章主要介绍了webpack 从指定入口文件中提取公共文件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
![070823更新的一个[消息提示框]组件 兼容ie7](http://img.jbzj.com/images/xgimg/bcimg2.png)
最新评论