JQuery鼠标移到图片改变,移出图片恢复原来图片
JQuery鼠标移到图片改变,移出图片恢复原来图片
<script src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".imgdiv").mouseover(function(){
$(".imgsrc").attr("src","images/adver2.jpg");
});
$(".imgdiv").mouseout(function(){
$(".imgsrc").attr("src","images/adver1.jpg");
});
});
</script>
<div class="imgdiv" style="width:1000px;margin:0 auto;">
<a href="#" target="_blank" style="cursor:pointer;"><img class="imgsrc" src="data:images/adver1.jpg"/></a>
</div>
JQuery鼠标移到图片改变,移出图片恢复原来图片相关推荐
- Photoshop png图片改变 透明背景之外的图片颜色
png图片改变 透明背景之外的图片颜色 1.打开需要修改的图片 2.新建新的图层 3.右键创建剪切蒙版 4.打开主菜单前景色 4.设置自己想要的颜色 5.按Alt+Delete将颜色填充满蒙版 大功告 ...
- 页面中鼠标触碰字体后切换颜色且随鼠标移走后改变
such as: 鼠标移上去: 颜色会随着鼠标移动变回原来的颜色 实现这个效果其实很简单: less代码: li {display: inline-block;width: 50/100rem;hei ...
- 使用JavaScript实现鼠标移进按钮显示移出隐藏功能
开发工具与关键技术:DW.JavaScript实现功能 作者:陈隆 撰写时间:2019年01月17日 下面使用简单的js实现移进显示移出隐藏常用的功能,先创建一个HTML文件,然后把需要的代码写到HT ...
- 提取图片RGB三通道数据+用RGB恢复原始图片
提取图片的RGB三通道数据+用RGB恢复原始图片 提取图片的RGB三通道数据 用RGB恢复原始图片 功能实现: 提取出一张图片的R.G.B三个通道的值并且将其分别转换为十进制数据存储到R.txt.G. ...
- 个人练习-jq 鼠标移上移出查看图片(放大)提示
只做了个简单的效果,以后可以加上动画等效果,实际效果如下: html 代码: <div class="wrap"><ul class="img_list ...
- html5鼠标移过切换图片,鼠标移动到图片上切换到另一张图片,移出时又切默认图片...
HTML写法: JS写法:var img = document.createElement("img"); img.setAttribute("src",&qu ...
- 鼠标移到图片上,图片放大
.Nei1 img{ width: 122px; height: 89.6px; float: left; padding: 2px 2px; transition: all 0.6s; } .Nei ...
- php鼠标移过图片放大代码,鼠标移上去,图片会自动原地放大CSS写法
今天在制作一个zblog模板的时候,用上了这个图片放大特效,想到以前也没写过,就分享出来吧! 在我第一次接触这个特效的时候,以为会很复杂,至少会有几行代码才能去实现,但学习后真的精到了! CSS3的t ...
- css如何实现鼠标移至图片上显示遮罩层及文字
css如何实现鼠标移至图片上显示遮罩层及文字 问题:一张图片当鼠标移动到上方时,会显示一个遮罩层,并且显示一些提示文字 html: <div class="contentimg&quo ...
最新文章
- jq获取after和before伪类的content值
- ajax能运用到app吗,Jquery之Ajax运用 学习运用篇
- jeecg标签属性exp 用法
- CCF信息学竞赛和教育部竞赛管理出锅重播
- 李守红java_SpringMVC基础及应用-李守红
- H3C防火墙——回环流量问题(内网终端通过外网IP访问内部服务器)
- VS Code:4个中文乱码问题及解决方法
- python机械数据分析_记一次小机器的 Python 大数据分析
- 【Excel 教程系列第 5 篇】查找重复值
- power apps -- Game Demo page 制作游戏步骤详解
- 高中英语选修计算机,高中英语课堂
- 第六章—身份认证、第七章—控制访问
- Windows7下pip安装包报错 Microsoft Visual C++ 9 0 is required Unabl
- 茜色的坂道SP线是啥鸟语?3级E文果然功力不够
- java去掉字符串的空格_如何去掉字符串中的空格?
- 芝麻信用免押金成趋势 报告称租赁经济有望突破10万亿元
- 国内网络环境安装QIIME2(100%成功)
- 【硬件设计的工具、计算器】
- Golang的大端序和小端序
- 20190905-钴