简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

滑鼠點擊，經過，滑鼠離開事件完整html實例程式碼（圖）

PHPz
發布： 2017-04-23 10:46:40
原創
9595 人瀏覽過

本文講解滑鼠點擊，經過，滑鼠離開事件的htm實作方法，以下是完整html實例程式碼

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
var a,b,c;
a=100;b=200;

c=a;a=b;b=c;
console.log(a,b);
alert(a+" "+b);
window.onload=function(){
var sj;
sj=document.getElementById("a");
sj.style.color="pink";
sj.style.width="100px";
sj.style.lineHight="30px";
sj.style.lineHight="30px";
sj.style.textAlign="center";
sj.style.background="purple";

}
</script>
</head>
<body>
<p onclick="alert(&#39;php中文网html实例&#39;)">点击有惊喜！</p>
<marquee onmouseover="this.stop()"onmouseout="this.start()">我是php中文网（www.php.cn）！</marquee>

<p onclick="alert(&#39;别人都叫我小猪&#39;)" id="a">请叫我钟老师</p>

</body>
</html>
登入後複製

滑鼠點擊，經過，滑鼠離開事件顯示效果：

滑鼠點擊，經過，滑鼠離開事件完整html實例程式碼（圖）


以上是滑鼠點擊，經過，滑鼠離開事件完整html實例程式碼（圖）的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
鼠标点击，鼠标经过，鼠标离开，html
來源：php.cn
上一篇：如何是網頁頁面自動刷新？網頁頁面自動刷新的3種程式碼 下一篇：HTML表單（form）學習筆記
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
NumberInput 滑鼠滾輪處理忽略捕捉階段的事件過濾 非常簡短的版本：我有點卡住了，不太明白為什麼這段程式碼確實可以攔截和防止滑鼠滾輪事件被數位編輯解釋以更改數字。我想了解為什麼攔截擷取和過濾事件不起作用：HTML程式碼：<pi...
來自於 2024-04-05 12:21:04
0
1
1387
網頁抓取：缺少 href 屬性 - 需要模擬滑鼠點擊進行網頁抓取嗎？ 對於一個有趣的網頁抓取項目，我想從ttps://www.nhl.com/stats/teams收集NHL資料。有一個可點擊的Excel匯出標籤，我可以使用selenium和bs4找...
來自於 2024-04-04 10:32:06
0
1
3473
如何使動畫在懸停時暫停，但一旦滑鼠離開動畫繼續 我已經厭倦了幾個解決方案，這是我得到的最接近的解決方案。但我仍然不滿意結果如何，因為當滑鼠離開元素時，元素會恢復到原來的旋轉狀態。這個想法是，如果你越過該元素，即使滑鼠離開該元素，...
來自於 2024-04-01 09:43:54
0
1
349
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！