4.京東狗

時間 2019-11-21

標籤京東简体版

原文原文鏈接

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script>
 7         //window.onload頁面加載完畢之後再執行此代碼
 8         window.onload = function () {
 9             //需求：鼠標放到img上，修改路徑（src的值）。
10             //步驟：
11             //1.獲取事件源
12             //2.綁定事件
13             //3.書寫事件驅動程序
14 
15             //1.獲取事件源
16             var img = document.getElementById("box");
17             //2.綁定事件(懸停事件：鼠標進入到事件源中當即出發事件)
18             img.onmouseover = function () {
19                 //3.書寫事件驅動程序(修改src)
20                 img.src = "image/jd2.png";
21 //                this.src = "image/jd2.png";
22             }
23 
24 
25             //1.獲取事件源
26             var img = document.getElementById("box");
27             //2.綁定事件(懸停事件：鼠標進入到事件源中當即出發事件)
28             img.onmouseout = function () {
29                 //3.書寫事件驅動程序(修改src)
30                 this.src = "image/jd1.png";
31             }
32 
33             //獲取事件源（元素能夠不獲取直接使用id的值）
34 //            var img = document.getElementById("box");
35 //            //調用函數
36 //            img.onmouseover = fn1;
37 //            img.onmouseout = fn2;
38 //            //定義函數
39 //            function fn1() {
40 //                img.src = "image/jd2.png";
41 //            }
42 //            function fn2() {
43 //                img.src = "image/jd1.png";
44 //            }
45 
46         }
47     </script>
48 </head>
49 <body>
50 
51     <img id="box" src="image/jd1.png" style="cursor: pointer;border: 1px solid #ccc;"/>
52 
53 </body>
54 </html>

1. 京東
2. 京東----
3. 7月4-5日TokenSky東京站100+明星嘉賓齊聚東京！
4. 京東鄧正平：京東智能雲
5. 2021年4月15日，京東算法面試題4道
6. 京東面試
7. 京東PC端
8. 京東訂單
9. 京東分類
10. 京東返利
更多相關文章...
• Markdown 教程 - Markdown 教程
• NoSQL和傳統數據庫有什麼區別？NoSQL能取代傳統數據庫嗎？ - Redis教程
• 再有人問你分佈式事務，把這篇扔給他
• Java Agent入門實戰（三）-JVM Attach原理與使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。