hover提示內容v1 0(面向過程)

2022-03-04 05:33:53 字數 1980 閱讀 8424

先上效果圖:

>滑鼠移入彈出提示

title

>

<

style

>

.tipbox

.tipbox>div

[class^=tiph]

table

td.pl20

imgstyle

>

head

>

<

body

>

<

div>

<

h1>使用說明

h1>

<

ol>

<

li>原理:使用資料驅動的方式

li>

<

li>使用步驟:

li>

<

li class

="pl20"

>1)在需要新增提示的標籤上加乙個class,比如tiph4

li>

<

li class

="pl20"

>2)在data中新增一條資訊:elem是上一步class的名稱,text是提示內容

li>

ol>

<

p class

="pl20"

><

img

src=""

alt=""

/>

p>

div>

<

table

>

<

tbody

>

<

tr>

<

td class

="tiph1"

>時間

td>

<

td>地點

td>

<

td>姓名

td>

tr>

<

tr>

<

td class

="tiph2"

>20160719

td>

<

td>北京

td>

<

td class

="tiph3"

>哈雷

td>

tr>

tbody

>

table

>

<

script

>

//驅動資料

data=[,,

];tipbox=$(

'#tipbox

'),len

=data.length;

function

tip(elem,text));

elem.mouseout(

function

());

};//函式呼叫

$(function

(); });

script

>

body

>

html

>

偏方查詢 v1 0

偏方,即單方驗方。指藥味不多,對某些病證具有獨特療效的方劑。數千年來,在我國民間流傳著非常豐富 簡單而又療效神奇的 疑難雜症的偏方 秘方 驗方,方書著作浩如煙海。偏和正相對,偏方一般沒有被正式的藥物或醫學典籍收載,但有時能取得較好的 效果的治病的方法。偏方的 主要有二種 經驗的積累和家族內部流傳,前...

點對點聊天系統 v1 0

系統需求 聊天交流是目前網際網路提供的主要內容。聊天系統有多種實現方式,類似icq屬於一種點對點的聊天系統,還有一種是基於socket的集中式聊天系統,這種聊天系統需要登入統一的聊天伺服器,每個人的聊天資訊其他人都可以看到,類似一種會議室,當然,兩個人之間也可以進行保密的私語。在基於socket的聊...

專案開發總結 v1 0

1.專案開發的目標 意義 1.本產品的目標 2.專案說明 1.專案代號 2.人員配置 專案經理 系統分析師 軟體工程師 測試人員 美工文件管理員 3.各種角色的職責 1.專案經理 1 負責安排計畫 制定工作流程 協調各種角色的關係 制定工作目標和計畫 向專案主管報告 內部人員的激勵 員工招聘 2.系...