บทความนี้อธิบายถึงวิธีการใช้งานข้อความลิงค์เชื่อมโยงเมาส์พร้อมสำหรับเอฟเฟกต์พิเศษแอนิเมชั่นโดย JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
คัดลอกรหัสดังนี้: <! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> js เพื่อให้ได้ข้อความลิงก์ข้อความลิงค์ Hover Hover Effect สำหรับเอฟเฟกต์แอนิเมชั่น </title>
</head>
<body>
<style type = "text/css">
-
.บทความ {
ขอบด้านล่าง: สีดำ 1px แข็ง; ชายแดนซ้าย: สีดำ 1px แข็ง; ชายแดนขวา: สีดำ 1px แข็ง; ขอบด้านบน: สีดำ 1px ของแข็ง; ตัวกรอง: เปิดเผย (การเปลี่ยนแปลง = 23, ระยะเวลา = 0.5) BlendTrans (ระยะเวลา = 0.5); ตำแหน่ง: สัมบูรณ์; ทัศนวิสัย: ซ่อน
- พื้นหลังสี: #FFCC00; Padding-Top: 3px; Padding-Right: 3px; Padding-bottom: 3px; Padding-Left: 3px}
-
</style>
<ภาษาสคริปต์ = JavaScript1.2>
-
ฟังก์ชั่นแสดง (หาร) {
Divide.filters.revealtrans.apply ();
Divide.style.visibility = "มองเห็นได้";
Divide.filters.revealtrans.play ();
-
ฟังก์ชั่นซ่อน (หาร) {
Divide.filters.revealtrans.apply ();
Divide.style.visibility = "Hidden";
Divide.filters.revealtrans.play ();
-
-
</script>
<a href = "#" onMouseOver = show (aaa) onMouseOut = ซ่อน (aaa)> wulin.com </a> </div>
<div id = "aaa"> wulin.com </div> <br>
<a href = "#" onMouseOver = show (bbb) onMouseOut = ซ่อน (bbb)> วัสดุบ้าน </a> </div>
<div id = "bbb"> วัสดุบ้าน </div> <br>
<a href = "#" onMouseOver = show (ccc) onmouseout = hide (ccc)> การค้นหา baidu </a> </div>
<div id = "ccc"> baidu search </div>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน