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 相关文章推荐
JavaScript创建命名空间(namespace)的最简实现
Dec 11 Javascript
利用location.hash实现跨域iframe自适应
May 04 Javascript
JQuery的Alert消息框插件使用介绍
Oct 09 Javascript
javascript操作excel生成报表全攻略
May 04 Javascript
javascript里使用php代码实例
Dec 13 Javascript
jQuery简单实现隐藏以及显示特效
Feb 26 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
Sep 05 Javascript
vue实现树形菜单效果
Mar 19 Javascript
爬虫利器Puppeteer实战
Jan 09 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
解决vue单页面多个组件嵌套监听浏览器窗口变化问题
Jul 30 Javascript
js实现简单抽奖功能
Nov 24 Javascript
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
使用MaxMind 根据IP地址对访问者定位
2006/10/09 PHP
基于PHP与XML的PDF文档生成技术
2006/10/09 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
php排序算法实例分析
2016/10/17 PHP
Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解
2017/11/14 PHP
PHP 实现手机端APP支付宝支付功能
2018/06/07 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
PHP基于session.upload_progress 实现文件上传进度显示功能详解
2019/08/09 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
2014/04/11 Javascript
使用Javascript简单实现图片无缝滚动
2014/12/05 Javascript
jQuery+PHP实现动态数字展示特效
2015/03/14 Javascript
AngularJS基础 ng-keypress 指令简单示例
2016/08/02 Javascript
Bootstrap Navbar Component实现响应式导航
2016/10/08 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
微信小程序实现文字跑马灯
2020/05/26 Javascript
命令行批量截图Node脚本示例代码
2019/01/25 Javascript
JavaScript常用内置对象用法分析
2019/07/09 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
Vue设置长时间未操作登录自动到期返回登录页
2020/01/22 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
python3实现字符串的全排列的方法(无重复字符)
2018/07/07 Python
Django中间件基础用法详解
2019/07/18 Python
django 框架实现的用户注册、登录、退出功能示例
2019/11/28 Python
使用Pycharm在运行过程中,查看每个变量的操作(show variables)
2020/06/08 Python
解决python对齐错误的方法
2020/07/16 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
Django缓存Cache使用详解
2020/11/30 Python
民主评议政风行风整改方案
2014/09/17 职场文书
保密法制宣传月活动总结
2015/05/07 职场文书
Django 实现jwt认证的示例
2021/04/30 Python
Java中的Kafka为什么性能这么快及4大核心详析
2022/09/23 Java/Android