鼠标经过展开代码_求鼠标经过图片放大代码

Ⅰ 求鼠标经过图片放大代码

我刚刚写的<html>
<head></head>
<script lanuage="javascript">//鼠标移动到是显示DIV
function mousemove(src, oEvent){ oEvent = oEvent || window.event; //兼容火狐 document.getElementById("bigImage").src = src; document.getElementById("bigImageDIv").style.left = oEvent.x ? oEvent.x : oEvent.pageX; document.getElementById("bigImageDIv").style.top = oEvent.y ? oEvent.y : oEvent.pageY; document.getElementById("bigImageDIv").style.display = "block";}//鼠标离开时,简单点就直接none
function mouseout(){
document.getElementById("bigImageDIv").style.display = "none";
}
</script>
<body>
<div id="bigImageDiv" style="width:200px; height:200px; display:none; border:3px solid #000; z-index:100; position:absolute"><img id="bigImage" style="width:200px; height:200px" styl /></div><img src="C:\Documents and Settings\All Users\Documents\My Pictures\示例图片\Sunset.jpg" style="width:80px; height:80px" onmousemove="mousemove(this.src)" onmouseout="mouseout()" /><img src="C:\Documents and Settings\All Users\Documents\My Pictures\示例图片\Winter.jpg" style="width:80px; height:80px" onmousemove="mousemove(this.src)" onmouseout="mouseout()" />
</body></html>

Ⅱ CSS鼠标经过图片变亮,移开变变暗效果代码怎么写

1、打开hbuilder，在空白的html文件上面设置一个div，给div一个class并命名为img：

Ⅲ html鼠标经过自动展开和点击展开代码。

1．创建一个新的HTML文件百，该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。

Ⅳ 鼠标经过自动弹出一个图片的代码或思路

这个跟点击的时候打开是一个思路，只要把点击事件换成鼠标经过事件就可以了啊，click换成mouseover即可。
图片可以先隐藏，用display:none，鼠标经过的时候显示，用display:block，宽度用100%就行了吧。
大概思路就是这样~

Ⅳ 关于HTML鼠标经过显示内容的代码问题

js">
$('.navli').mouseenter(function(){
$('.conli').eq($(this).index()).show().siblings().hide()
})

这样就可以实现鼠标经过显隐效果了，文字位置需要你自己调整样式

Ⅵ 哪位大神能帮我写一个html的鼠标点击展开的代码！就是点击一下在下面展开一小块！网页编辑用！

你好,写了一个,不知道是不是你所说的那样,希望能帮到你,谢谢!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml/DTD/xhtml11-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<input type="button" value="展开" id="but" />
<div id="info">显示信息</div>
</body>
</html>

Ⅶ 鼠标经过显示描述 css代码

我想你这个问题描述的不是太清晰吧，
我猜想你是想说鼠标经过图片的时候在图片的底部显示描述性文字吧？
这个实现起来非常困难，你应该也了解，css可以通过伪类实现一些互动效果，但是所有这些互动效果都有一个很大的限制，通过伪类只能实现事件发生元素本身的特效，比如，我们通过纯css不可能实现你点击一个按钮而改变一个文本框的背景色；
不过这个问题你只需稍微使用一点js就可以轻松搞定的；
不过按照你的要求，使用纯css，我给出的两种实现方式；
第一种：

<html>
<style type="text/css">
div{
width: 200px;
height: 200px;
margin:50px;
background: #888;
}
a{

display: block;
width: 200px;
height: 200px;
text-indent: -9999px;
background-image: url("./1.jpg");
}
a:hover{
text-indent: 10px;
white-space: nowrap;
text-overflow: clip;
overflow: hidden;
vertical-align: bottom;
line-height:370px;
color: #111;
text-decoration: none;
}
</style>
<body>

<div>
<a href="#">
河南人网上晒幸福称幸福是早喝胡辣汤
</a>
</div>

<body>
</html>
第二种：
<html>
<style type="text/css">
div{
width: 200px;
height: 200px;
margin: 50px;
background: #888;
position: relative;
}
img{
width:200px;
height: 200px;
}
a{
display: block;
position: absolute;
width: 200px;
height: 200px;
top: 0;
left: 0;
text-indent: -9999px;
}
a:hover{
color: orange;
text-decoration: none;
white-space: nowrap;
text-indent:10px;
overflow: hidden;
line-height: 370px;
}

</style>
<body>

<div>
<img src="./1.jpg" />

<a href="#">
河南人网上晒幸福称幸福是早喝胡辣汤
</a>
</div>

<body>
</html>

不过这两种方法与js实现方式相比很不实用，而且弊端较多，例如文字只能显示一行，最后文字的切割痕迹无法消除，网页内容与表现无法截然分离，所以纯css的实现基本上不会在专业的网站上使用。
但愿以上回答能让你满意。

Ⅷ 网页里,鼠标经过下拉菜单自动显示的代码怎么写

DIV层..默认是hidden
对
"控制面板"
四个字加个鼠标的MOVEON
动作.
将DIV的HIDDEN改成显示就行了.应该是DISPLAY

Ⅸ flash鼠标经过触发按钮播放的代码怎么写

在这个实例元件中的第一帧写上：stop();
按钮的代码是：
on(rollOver){
xt_bnt.gotoAndPlay(2)}
这样的就可以了！

Ⅹ FLASH中鼠标经过，一片花向四周散开，鼠标移开，花回去。怎么写代码

一、新建一个影片剪辑，绘制花朵向四周散开然后回收的动画
在第一帧加代码stop()
在散开后的那一帧加代码stop()
二、回到主时间轴，将这个影片剪辑拖到舞台中。单击该影片剪辑，按F9键打开动作面板：
on(rollOver){
play()
}
on(rollOut){
play()
}

导航:首页 > 编程语言 > 鼠标经过展开代码

鼠标经过展开代码

与鼠标经过展开代码相关的资料

友情链接