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...