js鼠標(biāo)點(diǎn)擊特效有關(guān)參數(shù)設(shè)置

1、js鼠標(biāo)點(diǎn)擊特效，有關(guān)參數(shù)設(shè)置效果圖，用的faststone-錄像-togif，黃色圓圈實(shí)際是不顯示的博客后臺(tái)管理設(shè)置本地新建一個(gè)demo.html文件，可以自行測(cè)試，要引入jquery文件哦來個(gè)紅橙黃綠藍(lán)靛紫的點(diǎn)擊特效varindex=0;/全局索引varcolorindex=0;$(document).ready(function()$("body").click(function(e)/鼠標(biāo)點(diǎn)擊大事vararr=newarray("繁榮","民主","文明&

2、;quot;,"和睦","自由","平等","公平","法治","愛國(guó)","敬業(yè)","誠(chéng)信","友善");varcolorarr=newarray("red","orange","yel

3、low","green","blue","indigo","purple");vartmp=$("").text(arrindex);/添加一個(gè)span標(biāo)簽顯示arr數(shù)組對(duì)應(yīng)的第一個(gè)索引內(nèi)容index=(index+1)%arr.length;/取余,從0到arr數(shù)組長(zhǎng)度，向來點(diǎn)擊向來循環(huán)varcolor=colorarrcolorindex;colorindex=(colorindex+1)%co

4、lorarr.length;varx=e.pagex,y=e.pagey;/鼠標(biāo)點(diǎn)擊的x,y點(diǎn)坐標(biāo)tmp.css("z-index":999,/堆疊挨次，越大越優(yōu)先顯示"top":y-20,/y點(diǎn)坐標(biāo)往上20像素"left":x,/x點(diǎn)坐標(biāo)"position":"absolute",/肯定定位"font-weight":"bold",/加粗"color":color,/色彩"font-size":20/字體大小);$("body").append(tmp);tmp.animate(/自定義動(dòng)畫,樣式-時(shí)光-功能"top":y-200,/y點(diǎn)坐標(biāo)往上200像素"opacity":0/飽和度,0即是透