滑鼠經過展開代碼_求滑鼠經過圖片放大代碼

Ⅰ 求滑鼠經過圖片放大代碼

我剛剛寫的<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()
}

導航:首頁 > 編程語言 > 滑鼠經過展開代碼

滑鼠經過展開代碼

與滑鼠經過展開代碼相關的資料

友情鏈接