js模仿hover的具体实现代码


Posted in Javascript onDecember 30, 2013
<!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>
Javascript 相关文章推荐
原生js拖拽(第一课 未兼容)拖拽思路
Mar 29 Javascript
在javascript中对于DOM的加强
Apr 11 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
Jan 02 Javascript
javascript中拼接HTML字符串的最快、最好的方法
Jun 07 Javascript
js中unicode转码方法详解
Oct 09 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
AngularJS API之copy深拷贝详解及实例
Sep 14 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
jQuery中animate的几种用法与注意事项
Dec 12 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
多种类型jQuery网页验证码插件代码实例
Jan 09 jQuery
js+css实现的简单易用兼容好的分页
Dec 30 #Javascript
jquery复选框全选/取消示例
Dec 30 #Javascript
jquery动态添加option示例
Dec 30 #Javascript
js验证输入是否为手机号码或电话号码示例
Dec 30 #Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 #Javascript
使用js如何实现全选与全不选
Dec 30 #Javascript
javascript操作css属性
Dec 30 #Javascript
You might like
十天学会php之第五天
2006/10/09 PHP
3种平台下安装php4经验点滴
2006/10/09 PHP
Bo-Blog专用的给Windows服务器的IIS Rewrite程序
2007/08/26 PHP
php foreach 参数强制类型转换的问题
2010/12/10 PHP
PHP-Fcgi下PHP的执行时间设置方法
2013/08/02 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
PHP中使用memcache存储session的三种配置方法
2014/04/05 PHP
PHP实现基于栈的后缀表达式求值功能
2017/11/10 PHP
php爬取天猫和淘宝商品数据
2018/02/23 PHP
JS文本框不能输入空格验证方法
2013/03/19 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
实现非常简单的js双向数据绑定
2015/11/06 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
理解javascript模块化
2016/03/28 Javascript
JS实现消息来时让网页标题闪动效果的方法
2016/04/20 Javascript
详解Bootstrap各式各样的按钮(推荐)
2016/12/13 Javascript
angular ng-repeat数组中的数组实例
2017/02/18 Javascript
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
2020/10/21 Javascript
对于Python的Django框架部署的一些建议
2015/04/09 Python
python执行使用shell命令方法分享
2017/11/08 Python
python编写微信公众号首图思路详解
2019/12/13 Python
Python 实现opencv所使用的图片格式与 base64 转换
2020/01/09 Python
python读取当前目录下的CSV文件数据
2020/03/11 Python
python线程池如何使用
2020/05/28 Python
亚马逊中国官方网站:amazon.cn
2017/05/25 全球购物
财务人员的自我评价范文
2014/03/03 职场文书
高中军训第一天感言
2014/03/06 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
学生通报表扬范文
2015/05/04 职场文书
最感人的道歉情书
2015/05/12 职场文书
新郎父母婚礼答谢词
2015/09/29 职场文书
完美处理python与anaconda环境变量的冲突问题
2021/04/07 Python