2. 程式人生 > >javascript 模擬京東關閉廣告欄

javascript 模擬京東關閉廣告欄

阿新 • • 發佈：2018-04-14
script ann function site abs ive none fun add 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         * {
 8             margin: 0;
 9             padding: 0;
10         }
11         .site-nav {
12             height: 30px;
13             background-color
 
: #ccc;
14         }
15         .top-banner {
16             background-color: orange;
17         }
18         .w {
19             width: 1200px;
20             height: 80px;
21             background-color: pink;
22             margin: 0 auto;
23             position: relative;
24         }
25         .search 
 
{
26             width: 1200px;
27             height: 80px;
28             background-color: lemonchiffon;
29             margin: 0 auto;
30         }
31         a {
32             position: absolute;
33             top: 10px;
34             right: 10px;
35             width: 25px;
36             height: 25px
 
;
37             text-align: center;
38             line-height: 25px;
39             background-color: #000;
40             color: #fff;
41             text-decoration: none;
42 
43         }
44     </style>
45 </head>
46 <body>
47     <div class="site-nav"></div>
48     <div class="top-banner" style="opacity: 1">
49         <div class="w">
50             <a href="#">×</a>
51         </div>
52     </div>
53     <div class="search"></div>
54 
55     <script>
56         //獲取事件源
57         var topBanner = document.getElementsByClassName("top-banner")[0];
58         var a = topBanner.children[0].firstElementChild || topBanner.children[0].firstChild;
59         //定義定時器
60         var timer = null;
61         a.onclick = function(){
62             timer = setInterval(function(){
63                 topBanner.style.opacity -=.1;
64                 if (topBanner.style.opacity < 0) {
65                     topBanner.style.display = "none";
66                     clearInterval(timer);
67                 }
68             },50);
69         }
70     </script>
71 
72 </body>
73 </html>

javascript 模擬京東關閉廣告欄

相關推薦

javascript 模擬京東關閉廣告欄

script ann function site abs ive none fun add 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset

深入理解JavaScript模擬私有成員

全局變量 truct 以及 pre 成員 fun process 通過 str 　　一般的面向對象語言C++或JAVA，對象都是有私有成員的。js中沒有類的改變，同樣也沒有對象的私有成員這個概念。但是可以通過某些特殊寫法，模擬出私有成員。 1、特權模式： 　　（1）在構造函

javascript 模擬滾動 隱藏滾動條

top dev func chef for code pre one asc 想隱藏掉難看的滾動條，四處翻看博客,思路來源https://www.cnblogs.com/chefweb/p/6473517.html，不知道有沒有更好的思路，先湊合著用吧。 html

JavaScript模擬ATM業務

nan AS money pan check let on() 銀行 三次 const readline = require("readline-sync"); let time = 0; //輸密碼次數 let x = 1; //臨時變量 console.log("請輸

JavaScript 模擬 Dictionary

set script per clas ear asc delet value clear function Dictionary() { var items = {}; //判斷是否包含Key值 this.has = function

淺談JavaScript模擬$(HTML字串)實現建立DOM物件

JavaScript裡動態建立標準DOM物件一般使用：document.createElement()方法。 但在實際使用過程中，可能會希望直接根據HTML字串建立DOM節點，模擬$(HTML字串)建立DOM物件的方法。 1、思路： ①　用document.createElement()

JavaScript模擬題

1.JavaScript中如何檢測一個變數是String型別 function checkString(arg){ return typeof(arg) == "string"; } checkString('abc'); 2.如何檢測變數是一個數組 va

Python模擬京東登入（附完整程式碼）

來源：IMyxuan     連結：https://segmentfault.com/a/1190000011978866 分析登入的網路請求 開啟https://passport.jd.com/new/login.aspx 開啟瀏覽器的除錯面板，然後，輸入賬

[記錄][續爬蟲]模擬京東登入並且搶購物券

1、登入 2、進去卷中心 3、得到券列表 4、領券【大致路徑：/freeGetCoupon.html?key=xxxx】【許可權原因，這裡就不上模擬了，只提供思路】 1、找到登入js，分析登入請求【在登入頁面<script type="text/javascript"

JavaScript 模擬鍵盤事件和滑鼠事件（比如模擬按下回車等）

最近程式碼中有個功能需要用到手動觸發鍵盤事件的功能。但鍵盤事件的fire在各瀏覽器下實現不一樣，下面分別說明： 1. IE下沒什麼問題，建立事件物件、對物件的keyCode屬性賦值，然後再丟擲來就行了： evtObj = document.createEven

arcgis javascript api中關閉infowindow或者Popup 右上角的 關閉(close)和最大化(Maximize) 按鈕

使用自己定義的css 中加入 如下語句 即可通過css來不顯示相關按鈕 .esriPopup .actionsPane .zoomTo { display: none; } .esriPo

solr學習筆記 -- day06 模擬京東實現站內搜尋

一：功能分析 1、輸入條件 （1）、主條件查詢 （2）、根據商品分類名稱過濾 （3）、價格期間過濾 （4）、價格排序 （5）、分頁 2、返回結果 （1）、總記錄數 （2）、總頁數 （3）、商品列表，包括：商品圖片、商品標題、商品價格、關鍵詞高亮顯示 二：工程搭建 1、建立一

JavaScript模擬執行緒池案例：超市收銀臺

超市中有一個顧客排成的佇列，等待結賬處理。 你的任務是寫一個函式計算顧客結賬所需的總時間。 函式包含兩個引數： 第一個引數是佇列，它裡面的每一個數字代表了一位顧客，數字的值是這位顧客結賬所需時間。 第二個引數是正整數，它表示收銀臺的數目。 假如某個收銀臺處於空閒狀態，立馬就

JavaScript 捕獲視窗關閉事件

1.用javascript重新定義 window.onbeforeunload() 事件 在javascript裡定義一個函式即可 function window.onbeforeunload() {

JavaScript模擬函式過載

在Java等語言裡面實現函式的過載是比較簡單的，引數數量不同就能實現同名函式的過載，而JavaScript中的引數本質上還是arguments這個類陣列的引用，不能直接更具引數數量的不同而達到過載，這裡使用的閉包實現函式過載：一層一層去尋找合適的函式去執行，程式碼如下： f

使用JavaScript實現“手動”關閉輸入法鍵盤

場景：app裡，比如：在一個頁面中，可以用彈起的輸入法鍵盤鍵入字元到輸入框中，再點確定，或者儲存按鈕等操作即可。但是有很多情況下卻沒那麼舒暢，比如：當輸入法鍵盤喚起時，點左上角返回按鈕返回至上一個頁面

Javascript模擬實現call函式

js自帶call的用法：fn.call(obj,param1,param2,...); 將fn中的this指向obj,並已逗號隔開形式傳入引數 var myobj={name:'peachestao'}; function fn(param){ c

javascript 模擬的滑鼠點選事件

做專案遇到一個問題，按鈕的點選效果是用css3來實現的，javascript 從後臺獲取到資料之後需要將按鈕設定成已點選狀態。如果直接用javascript來修改css效果的話會非常麻煩，可以用.click()方法來實現滑鼠點選事件，即document.getElementB

Javascript模擬實現call、apply、bind

var foo = {     value: 1 }; function bar() {     console.log(this.value); } bar.call(foo); // 1 類似於var foo = {     value: 1,     bar: fun

【JavaScript】吃飽了撐的系列之JavaScript模擬多執行緒併發

前言 最近，明學是一個火熱的話題，而我，卻也想當那麼一回明學家，那就是，把JavaScript和多執行緒併發這兩個八竿子打不找的東西，給硬湊了起來，還寫了一個併發庫concurrent-thread-js。尷尬的是，當我發現其中的不合理之處，即這個東東的應用場景究竟是什麼時，我發現我已經把程式碼寫完了。