使用Tooltips庫在頁面進行hint提示

2021-08-07 08:04:26 字數 1550 閱讀 2139

有時候我們前端頁面一些按鈕或內容,當滑鼠懸停在上面時給予一定的提示。那麼我們就可以使用該樣式庫,使用起來很方便。

簡單示例:

charset="utf-8" />

title>

href="css/hint.css"

rel="stylesheet" />

head>

class="hint--bottom-right"

data-hint="提示">

下右div>

class="hint--bottom-left"

data-hint="提示">

下左div>

class="hint--right"

data-hint="提示">

右div>

class="hint--top"

data-hint="提示">

上div>

class="hint--left"

data-hint="提示">

左div>

class="hint--top-left"

data-hint="提示">

左上div>

class="hint--bottom"

data-hint="提示">

下div>

class="hint--bottom hint--error"

data-hint="提示">

錯誤div>

class="hint--bottom hint--warning"

data-hint="提示">

警告div>

class="hint--bottom hint--info"

data-hint="提示">

資訊div>

class="hint--bottom hint--success"

data-hint="提示">

成功div>

class="hint--top hint--small"

data-hint="小">

小div>

class="hint--top hint--medium"

data-hint="中">

中div>

class="hint--top-left hint--large"

data-hint="大">

大div>

class="hint--bottom hint--always"

aria-label="一直顯示">

一直顯示

div>

class="hint--bottom hint--rounded"

aria-label="顯示">

圓角顯示

在Docker下使用Nvidia GPU進行計算

系統 centos 7,nvidia titan x 最近在使用gpu計算,同時也在使用docker做虛擬化環境。那麼問題來了,在虛擬機器下如何使用gpu呢?在網上找到了很多答案,例如使用lxc等。實際上將gpu對映到docker下很容易,只需要在啟動映象的時候將裝置掛載上去即可。檢視顯示卡裝置名 ...

在Docker下使用Nvidia GPU進行計算

要使用nvidia docker來執行docker 容器 nvidia docker run p 8503 8503 mount type bind,source sentiment phone pre tf model,target models sentiment analysis e mode...

Linux下C語言使用openssl庫進行加密

在這裡插一小節加密的吧,使用openssl庫進行加密。使用md5加密 我們以乙個字串為例,新建乙個檔案filename.txt,在檔案內寫入hello 然後在linux下可以使用命令md5sum filename.txt計算md5值 b1946ac92492d2347c6235b4d2611184 ...