點選彈出 1放大效果 jQuery外掛程式

2022-02-04 01:08:31 字數 1387 閱讀 3261

20140110更新:

20140107更新:

最近工作的專案中,需要這樣的功能,最初寫了函式,滿足不了需求,so。。。封裝成了外掛程式,考慮到幾種情況,傳遞給乙個元素,彈窗會出現在這個元素的位置。可以設定字型大小、顏色什麼的。。最初文字大小、結束文字大小,動畫完成時間等等。。

"en

">

"text-align:center;

">"

btn">點選我

其實很簡單,就文字不斷的增大的同時,透明度慢慢減小。。。。

"button

" value="

狠狠的點我

" id="

btn" style="

width:100px;margin:100px;

" onclick="

numpop(event, '+10');

">

"button

" value="

點我" id="

btn" style="

width:100px;margin:100px;

" onclick="

numpop(event, '+100分');

">

在寫這個效果的時候,遇到乙個問題,我最初是這樣寫的:

"button

" value="

狠狠的點我

" id="

btn" style="

width:100px;margin:100px;

">

這樣很容易就實現我需要的效果,但是考慮的程式中,可能不是每次都是 +1, 也可能是+10,所以要封裝成函式,把想要的彈出的字串當成引數傳遞給函式,於是我又這樣寫:

"

button

" value="

狠狠的點我

" id="

btn" style="

width:100px;margin:100px;

"onclick="numpop('+10');">

但是,卻出錯了,沒能實現效果,問了一下qq群裡的同行,發現我兩個地方寫錯了。。

首先,function numpop(str, e) 這個地方應該修改成 function numpop(event, str), event必須作為第乙個引數,只能寫成event,不能寫成e、ev或者其他的;

其次,呼叫的時候,應該這麼呼叫onclick="numpop('event, +10');" 那個event也要寫上。。

蒼天啊,大地啊,這麼簡單的問題,我居然。。。

jquery效果 視窗彈出案例

效果 基本效果 show hide toggle 滑動 slidedown slideup slidetoggle 劃上 p slideup slow 劃下 p slidedown slow p slidetoggle slow 用600毫秒緩慢的將段落滑上或滑下 淡入淡出 fadein fadeo...

Jquery的Jqzoom元件放大鏡效果

jquery元件很多,今天寫下jqzoom元件的用法,首先看下應用jquery元件後的 b jquery放大鏡效果 b img jqzoom元件放大鏡效果的html 如下 其中jquery 1.4.2.min.js為jquery jqzoom.pack.1.0.1.js為放大鏡效果jqzoom元件的...

放大鏡效果實現1

1,如果乙個大目標,看起來很嚇人,只要拆解出小目標,然後實現小目標,大目標就自然而然搞定了 a 讓乙個盒子背景色半透明 mask b 當滑鼠懸浮的時候,顯示move樣式 cursor move c 當大盒子mouseenter 的時候,讓mask 盒子顯示出來 smallbox.addeventli...