html鼠标经过图像代码求助!

作者&投稿:芝盼 (若有异议请与网页底部的电邮联系)
HTML中鼠标经过图像变化~


.aaa{
width: 150px;
height: 150px;
border: #FFF solid 1px;
margin: 15px auto;
overflow: hidden; /*--有无这句区别很大,就是不受方框限制--->*/
}
.aaa img{
cursor: pointer;
transition: all 0.4s; /*---越小越快--->*/
}
.aaa img:hover{
transform: scale(3); /*-----鼠标经过时候图片放大多少倍---->*/
}




百分之百可以的,希望可以帮到大家!

img{ width:300px; height:300px;}img:hover{ width:350px; height:350px;}这样可以实现简单的动一下,更麻烦的需要JS了,比如让图片的TOP变一下之类的

<script type="text/javascript">
function mouseout(){
document.all.img.src = "img/a.gif";
}
function mouseover(){
document.all.img.src = "img/b.gif";
}
</script>
<img src="img/a.gif" id="img"
onclick="javascript:window.location='http://www.baidu.com'"
onmouseout="mouseout()" onmouseover="mouseover()"
style="cursor: pointer; width: 50px; height: 50px">
赞同sakxjn!

大体上是对的 就是细节问题 .路径和标点.

<image src="image/zshyqy01.jpg" onmouseover="this.src='images/zshyqy01.jpg'" onmouseout="this.src='images/zsgzqy-.jpg'">


在html中怎么用js实现鼠标指向图片时图片放大的效果?(具体实现)_百度知...
可以用js事件“onmouseover”和“onmouseout”来实现。1、新建html文档,在body标签中添加图片标签,为这个标签设置“id”属性,然后设置图片的默认显示大小css属性:2、添加“onmouseover”js事件,首先使用“document.getElementById”获取到图片标签,然后定义鼠标移动到图片上时发生的事件,这时图片将会放大:...

html使用onmouseover事件怎么设置鼠标移动到图片或者文字上在旁边弹出一...
"s1").style.display="none";} <img src="small.bmp"onmouseover="show();" onmouseout="dis();"> <div class="s1" id="s1"><img src="big.bmp"><\/div> 要是想弹出文字介绍 把s1里面的img换成字就行了,或者简单点就在第一个img上加一个alt的属性,鼠标放在上边也有显示。

请教各位制作网页中的鼠标经过图象怎么做?
你用的是哪个程序编辑网页?Dreamweaver MX是这样做:插入>>图象对象>>鼠标经过图象 打开插入鼠标经过图像对话框 然后保存就好了

怎样用html达到鼠标进入显示div,拿出隐藏。向下面这个
用ps做两张图片,一张是纯图片,另一张是图片上带字的图片,然后在DW中点插入图像——图像对象——鼠标经过图像就能做出这种效果了

HTML+CSS+JAVA SCRIPT - 如何在鼠标经过这个图片的时候出现这种浮起来...
<style> .item{float:left; position: relative;} .item div{width:100px;height:100px;} .item div img{width:100px;height:100px;} .item:hover div{width:120px;height:120px; position: absolute; top:10px;left:10px;} .item:hover div img{width:120px;height:120px;} <style> <...

在网页中当鼠标指向图片时,那张图片会变清晰,这是什么做的?_百度知 ...
这个有很多种方法,你可以在dreamwaver 8里面直接点 插入 ——图像对象——鼠标经过图像 ,然后就出现了一个对话框,原始图像就是指一开始显示的图片,鼠标经过的图像就是指你要的那个效果,其他的你都可以看得懂。另外一种比较流行的方法的话就是写一个css 。这个讲起来比较麻烦,如果你真的需要的话...

网页中鼠标滑过为什么会变色
在很多网页中我们都看到当鼠标滑过一个内容时,这个内容的背景会改变颜色。设置鼠标滑过背景变色只需用到 :hover 即可设置成功。语法:  div:hover{background-color: red;} 创建一个新的html文件。如图 在html文件上找到body标签,在这个标签里创建一个div标签并设置class类为bg 。 如图: 代码...

CSS代码 鼠标移动到图片上,变成另一张图片,帮忙看下代码问题
所有代码如下,已帮你修改测试成功:<html><head><title>index_05_01<\/title><meta http-equiv="Content-Type" content="text\/html; charset=gb2312"><\/head><style>.pp td a{ width:200px; height:292px; background:url(images\/index_05_01_01.jpg);\/*图片地址*\/ display:block;}.pp ...

DW5 怎么做当鼠标经过图片图片放大离开变回原形的效果 用css_百度知...
假设图片外层DIV的class为pic,图片的大小是400*300,html代码可以写成下面这样:<div class="pic"> <img src="abc.jpg" width="400" height="300"\/> <\/div> 如果希望鼠标经过时图片的尺寸变成600*450,那么在css里面只要这样定义就行了:.pic img:hover{width:600px;height:450px} 这个代码在...

html鼠标经过自动展开和点击展开代码。
1.创建一个新的HTML文件百,该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。2.在页面上写nav标签,放入三个超链接(首页,第一栏,第二栏),代码如下。3.运行代码,效果如下。4.使用backCSS来美化字体大小、颜色和导航字体的排列。守则如下。5.运行代码,效果...

明溪县17039683125: HTML代码移动鼠标到图片会变化是怎么做的? -
毛哲利分: 是鼠标移动到图片会变化还是鼠标会变化?如果是鼠标变化,需要用js控制. 如果是图片变化,可以用css实现(图片你自己换一下): <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb...

明溪县17039683125: html怎么做当鼠标经过图片,图片均匀放大.离开变回原形的效果?求一份代码! -
毛哲利分: 模仿完毕,采纳即可.

明溪县17039683125: 如何在网页实现鼠标经过图像? -
毛哲利分: 有种最简单的, Dreamweaver 里边 插入——图像对象——鼠标经过图像 然后选择好两张图就可以了.要不就在CSS里边定义,在A标签里边设置个背景图,然后A:hover里边设置另一个背景图就可以了.

明溪县17039683125: 求html中把鼠标放在图片上图片能变大的代码 急急求大神 -
毛哲利分: 这个有很多方式实现 第一种:改变图片的宽和高 第二种:准备两张分辨率不同的图片来实现放大 第一种的好处就是简单,但是呢 效果不好 有锯齿 第二种的好处就是效果好 但是实现难度较大 第一种的实现方式我就不说了 第二种的实现方式实际上就是获取那张分辨率较小的图片的位置 然后按比例在分辨率较大的图片上截取 用css可以实现 具体实现 自己慢慢研究

明溪县17039683125: asp中急求一个鼠标经过图片效果改变的代码?
毛哲利分: 鼠标经过改变透明度 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body background="file:///D:/pconline/code/050425/bg.jpg"> <SCRIPT LANGUAGE="JavaScript"...

明溪县17039683125: 请问如何使按钮当鼠标经过是,自动变换图像,当然在HTML当中实现.尽量少用JS,我用CSS,做了很多,但都实 -
毛哲利分: 你这个<input>中用了class="mid_btm",那么你在css里要这样写:.mid_btm{ width:120px; height:30px; background:url(xxx.jpg) no-repeat; }.mid_btm:hover{ background:url(yyy.jpg) no-repeat; } 上面两句就实现了你的按钮是图片显示,并且鼠标经过时,变换成另一张图片.其中鼠标经过时变换图片的css是第二句,即后面加一个:hover,代表鼠标划过的动作.

明溪县17039683125: 怎么用html代码编写一个“当鼠标经过首页,会变另一张图象”呢?
毛哲利分: 为了适应任何浏览器,我在这里只做简单介绍,假设我有两张图片,宽为:93px 高为:45px 样式表 .m1 { background: url(../images/01.jpg); width: 93px; height: 45px; /* Mozilla, height+14 */ padding:0 45px 31px 48px!important; padding: 0 /* tesion...

明溪县17039683125: html网页中 如何 鼠标经过图片 然后旁边显示字体 或者 在另外一个模块内显示内容 -
毛哲利分: 1. img标签里的title属性2. 使用js,吧你要显示的模块的css内属性display:none; 鼠标经过事件发生时改为display:block; 鼠标滑出后又改成none

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网