简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

Complete html example code of mouse click, passing, and mouse leaving events (picture)

PHPz
Release： 2017-04-23 10:46:40
Original
9531 people have browsed it

This article explains the htm implementation method of mouse click, pass, and mouse leave events. The following is the complete html example code 

<!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>
Copy after login

The display effect of mouse click, pass, and mouse leave events:

Complete html example code of mouse click, passing, and mouse leaving events (picture)


The above is the detailed content of Complete html example code of mouse click, passing, and mouse leaving events (picture). For more information, please follow other related articles on the PHP Chinese website!

Related labels：
鼠标点击，鼠标经过，鼠标离开，html
source：php.cn
Previous article：How to automatically refresh the web page? 3 codes for automatic page refresh Next article：HTML form study notes
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Place interactive markers on images using React please help. I have an image like the one below that is displayed on the home page (a larg...
From 2023-09-08 21:25:41
0
1
379
Event binding on dynamically created elements? I have some code where I loop through all the select boxes on the page and bind the .hover...
From 2023-08-23 15:04:33
0
2
197
How to remove transition delay in Vue transition? I'm using Vue to animate a text box to move up and fade in when the mouse is hovered over ...
From 2023-08-17 17:36:49
0
1
201
javascript - Simulate the takeaway click menu of the mobile webapp and slide the corresponding content to the target position 1. When the content on the right slides to the specified position with your finger, the co...
From 2017-07-05 10:39:31
0
2
543
javascript - Continuous clicks trigger mouseleave event {Code...} At first I thought it was a conflict with the click event in .main, but it turne...
From 2017-07-05 10:37:55
0
2
836
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！