请问在html里面,我想制作一个div,鼠标移到上面的时候鼠标和图片都变化,怎么办

作者&投稿:海钟 (若有异议请与网页底部的电邮联系)
html 当鼠标停留在图片上 显示另外一个div~

那个透明的盒子是单独写的,写好后,使用绝对定位将其移到图片盒子区域外(比如说left:9999px;),图片要求使用overflow:hidden;,这样刚开始的时候就看不见文字,
然后给图片添加hover伪类,改成你需要定位的值,鼠标移上去显示出来,,要慢慢下滑出来或者其他动态出来,使用css的过渡效果就行了

这里介绍两种方式:
一:通过css样式中的 ":hover"实现,代码如下
Documentdiv{background:red;width:200px;height:200px;}div:hover{background:red;width:500px;height:500px;}变大二:通过javascript方式实现,代码如下
Documentdiv{background:red;width:200px;height:200px;}.divs{background:red;width:500px;height:500px;}变大// 首先获取div元素var divs = document.getElementsByTagName('div')[0];//鼠标移入,将divs的className样式赋给该标签divs.onmouseover = function () {this.className = "divs";}//鼠标移出,将空的className样式赋给该标签divs.onmouseout = function () {this.className = "";}

<div style="cursor:hand" onmouseover="theimg.src='b.jpg'" onmouseout="theimg.src='a.jpg'">
<img id="theimg" src="a.jpg">
</div>

其实如果只是一个图片,没有必要做成div,直接这样写就行了:

<img src="a.jpg" style="cursor:hand" onmouseover="this.src='b.jpg'" onmouseout="this.src='a.jpg'">

<tr><td onmouseover="this.style.backgroundImage='图片url'" onmouseout="this.style.backgroundImage='图片url'"></td></tr>

onmouseover:鼠标悬浮在上面

onmouseout:鼠标离开

定div css中即可
a {}


请问在HTML中如何把一张图片的背景设定为透明的?
请问在HTML中如何把一张图片的背景设定为透明的? 在CSS中你应该还需要把图片背景地址定义进去。 还有,感觉你等下可能还要再问,这个层里面的文字也透明了,而你只需要背景透明。 所以再补充如下: .alpha1 \/* 定义透明背景,这里你还可以定义层的宽度高度等 *\/{background:url(你的背景图片...

HTML基础知识
答:并不是这样。XHTML恰恰就是HTML 4.0的重新组织,(确切的说它是HTML 4.01,是一个修正版本的HTML 4.0,只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别,但另一方面,它们依然非常相似,我们可以把XHTML的工作看作是HTML 4.0基础上的延续。问:XHTML 1.0如何实现XML标准...

我想问一下html怎么调试
html调试的方法如下:1、在chrome中打开开发者工具,使用快捷键F12来打开。2、找到一个叫做“Sources”并点击。3、可以在左侧侧栏的序号那些位置点击一下就设置成断点,当要执行某个函数的时候浏览器就会自动进入调试模式了。超文本标记语言(HyperTextMarkupLanguage),缩写为HTML,标准通用标记语言下的一个...

html问题。link rel="stylesheet" href="mm_travel2.css" type="text\/...
意思就是引用了外部的mm_travel2.css文件,该文件里面定义了文字的显示方式!你找一下文件夹里面肯定有mm_travel2.css文件的

一个html网页的问题,网址\/xx.html?地址 那个问号
插入图片的html代码是 :<img src="图片地址"> 图片地址要用对 ,否则链接不上 ,还有图片不要汉字命名 !

如图,用HTML语言把下图做出来 我的问题,如何使“点击老子故里”将老子的...
你说的是在点击老子故里右边显示的内容替换掉老子简介对吧?这个除了写多个html页面以外可以复制多个老子简介出的代码,换掉里面对应的内容出了老子简介其他全部添加display:none,然后用jquery设置点击左侧的第几个导航右边的第几个显示即点击三个(老子哲学),然后右边的第三个更改添加display:block属性,...

html网页问题,怎么才可以在主页点击一连接,直接在下边显示,不弹出网 ...
提供个简单思路:利用js控制容器的display属性 假设 div1为首页内容,div2包含链接内容。默认情况设置div2 display:none;当点击链接时,调用javascript,设置div1 display:none; div2 display:block;

html 滚动问题
你把文字一句句地写,把marquee做个ID,把动作写在每句话里,不就行了吗?举例:A.一句话,两边是空白 <marquee direction="right" behavior=alternate id='a'> <font size=20 color=2691f4 onmouseover="a.stop()" onmouseout="a.start()">中华人民共和国万岁<\/font> <\/marquee> B.多句话...

在HTML文档中,第一标签是?
没懂这第一标签啥意思...一般html文档第一行是文档标识<!DOCTYPE html>,目的是为了告诉浏览器文档类型是html 之后就是html标签,你说的第一标签应该就是html标签吧

我想问一下在用html写页面的时候怎么才能让页面在不同的屏幕分辨率下都...
最高级的body标签,还有最高级别的div用width:100%;可以加上padding:0px; margin:0px;如果还不可以的话使用$(window).width()可以得到屏幕宽度像素然后像这样:(document).ready(function(){ resizeHtml();\/\/为了防止用户拖动窗口自适应大小 (window).resize(function() { resizeHtml();});});fu...

芝山区17297565518: 制作网页怎么制作? -
饶彦地蒽: 简单介绍一下制作主页的过程和方法: 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\\\\html),来放你的所有文件,然后再在这...

芝山区17297565518: 如何做网页 -
饶彦地蒽: 1想学习如何制作网页 先学html 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\\html),来放你的所有文件,然后再在这个目录建...

芝山区17297565518: 如何制作个人网页? -
饶彦地蒽: 制作主页的过程和方法: 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\html),来放你的所有文件,然后再在这个目录建立...

芝山区17297565518: 怎么做网页??给我一个步骤,, -
饶彦地蒽: 一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,...

芝山区17297565518: html页面 这个效果 怎么做?? -
饶彦地蒽: 这个需要用表格做,因为每行文字都要取id[序号和要显示的图片名称相同]每个表格设置点击或移动事件为显示div层移出事件为隐藏div层,再设一张隐藏的div,内放一张图片地址等于当前点击...

芝山区17297565518: 怎么制作网页??? -
饶彦地蒽: 用FrontPage2002来做吧,你点点下面的连接: 具体是: Web页面可用预定义模板来创建,也可不采用模板而在空白页上自己进行设计.创建新页面的步骤如下: 在网页视图下,选择“文件”菜单中的“新建”命令,再从其子菜单中选择“网...

芝山区17297565518: 怎样网页制作 -
饶彦地蒽: 你可以使用DW来制作网站,最基本的步骤是:先在一个盘(D盘)创建站点目录文件夹,还有子目录images放图片的,再在窗口-站点-新建站点下,来创建站点,创好后,在文件管理的站点根目录下右击新建文件,将其命名为index.htm,这是网站的首页,在利用布局等制作网页,想要制作出好的网页,就看你怎样运用里面的功能了.

芝山区17297565518: 我想制作一个网页,请问需要哪几个步骤? -
饶彦地蒽: 制作一个网页需要九个步骤.1、准备内容 在域名注册查询网址之前就应该先搜集至少「一百页」的内容,这些e69da5e6ba90e799bee5baa6e997aee7ad9431333431366236内容必须是有价值的、不违反著作权的内容.2、网址 想个比较有意...

芝山区17297565518: 电脑高手请进来
饶彦地蒽: 怎样制作个人网页如果你已经上网,为何不尝试一下在网上做一个完全属于自己的主页?有了自己的主页,全世界的人都可以随时找到你,你也可以向全世界宣传下自己,是非常有意义和有意思的.现在简单介绍一下制作主页的过程和方法:...

芝山区17297565518: 谁能告诉我怎么制作网页
饶彦地蒽: 制作网页可以分为静态网页和动态网页,如果你想做个静态网页可以很简单就学会,你可以用如fronpage制作,花一两天就学会的啦

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