滑鼠懸浮div同步顯示

2021-10-04 11:55:19 字數 970 閱讀 4779

滑鼠懸浮在div1標籤上時,顯示對應的div2資訊層,同時滑鼠在div2資訊層上時,div2不隱藏。只有離開div1或者div2時,隱藏div2資訊層

1、div1和div2之間不能有空隙

1、方法1(完成)

class

="div1"

>

div>

class

="div2"

>

>

內容內容內span

>

div>

var btn = document.

queryselector

(".div1");

var box = document.

queryselector

(".div2");

var timer =

null

; box.onmouseover = btn.

onmouseover

=function()

box.onmouseout = btn.

onmouseout

=function()

,400);

}

2、方法2(有缺陷)

缺陷: 當div2有標籤內容時,滑鼠經過標籤會出發隱藏事件

$

('.div1').

mouseover

(function()

)$('.div1').

mouseout

(function

(e)else})

;$('.div2').

mouseout

(function()

)

div頁面底部懸浮顯示

為了完成頁面底部顯示公司和技術贊助的顯示 使得在頁面滾動的時候 左右兩邊的梯形陰影始終顯示在底部 為了顯示在頁面底部 首先想到的是footer來設定頁面的頁尾 來顯示頁面底部的資訊 posted by w3school contact information someone example.com....

Gephi 滑鼠懸浮顯示標籤

原文 gephi 滑鼠懸浮顯示標籤 最近在學習如何做網路圖,了解到gephi這款網路圖神器,不用費勁就可以得到乙個炫酷的網路圖。關於gephi網上教程也挺多的,不過有乙個簡單的需求如標題而言,需要滑鼠懸浮到某個節點上然後再顯示節點標籤。就這個簡單需求,我直接網上搜尋,還沒咋搜出來直接的答案。在這記錄...

css3實現滑鼠懸浮 顯示 隱藏

以前我們總是通過js去實現一些簡單的隱藏和顯示 自從前後端開始分離後更多人把這些能用css實現的東西 放在了前端 如賬號密碼的判斷等 現在我們有這樣的 doctype html en utf 8 viewport content width device width,initial scale 1....