本站使用的点击特效,参照网上的代码改了改,有需要的可以拿去装饰下网页,哈哈哈。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | var show_text_id = 0; function randomFrom(lowerValue,upperValue) { return Math.floor(Math.random() * (upperValue - lowerValue + 1) + lowerValue); } function color16(){ //十六进制颜色随机 var r = randomFrom(0,255); if (r<40){r=r+40} //不想生成深色 var g = randomFrom(0,255); if (g<40){g=g+40} var b = randomFrom(0,255); if (b<40){b=b+40} if (r>230){r=r-26} //不想生成淡色 var g = randomFrom(0,255); if (g>230){g=g-26} var b = randomFrom(0,255); if (b>230){b=b-26} var color = '#' +r.toString(16)+g.toString(16)+b.toString(16); return color; } $( "body" ).click( function (e) { var show_text_list = new Array( '可爱女人' , '完美主义' , '星晴' , '娘子' , '斗牛' , '黑色幽默' , '伊斯坦堡' , '印地安老斑' , '龙卷风' , '反方向的钟' , '爱在西元前' , '爸我回来了' , '简单爱' , '忍者' , '开不了口' , '上海一九四三' , '对不起' , '威廉古堡' , '双截棍' , '安静' , '蜗牛' , '你比从前快乐' , '世界末日' , '半兽人' , '半岛铁盒' , '暗号' , '龙拳' , '火车叨位去' , '分裂' , '爷爷泡的茶' , '回到过去' , '米兰的小铁匠' , '最后的战役' , '以父之名' , '懦夫' , '晴天' , '三年二班' , '东风破' , '你听得到' , '同一种调调' , '她的睫毛' , '爱情悬崖' , '梯田' , '双刀' , '轨迹' , '断了的弦' , '我的地盘' , '七里香' , '借口' , '外婆' , '将军' , '搁浅' , '乱舞春秋' , '困兽之斗' , '园游会' , '止战之殇' , '飘移' , '一路向北' , '爸我回来' , '双截棍' , '开不了口' , '夜曲' , '蓝色风暴' , '发如雪' , '黑色毛衣' , '四面楚歌' , '枫' , '浪漫手机' , '逆鳞' , '麦芽糖' , '珊瑚海' , '飘移' , '一路向北' , '霍元甲' , '献世' , '听妈妈的话' , '千里之外' , '本草纲目' , '退后' , '红模仿' , '心雨' , '白色风车' , '迷迭香' , '菊花台' , '仔很忙' , '彩虹' , '青花瓷' , '阳光宅男' , '蒲公英的约定无双' , '我不配' , '扯' , '甜甜的' , '最长的电影' , '不能说的秘密' , '周大侠' , '秘密花园' , '千山万水' , '龙战骑士' , '给我一首歌的时间' , '蛇舞' , '花海' , '魔术先生' , '说好的幸福呢' , '兰亭序' , '流浪诗人' , '时光机' , '乔克叔叔' , '稻香' , '跨时代' , '说了再见' , '烟花易冷' , '免费教学录影带' , '好久不见' , '雨下一整晚' , '嘻哈空姐' , '我落泪·情绪零碎' , '爱的飞行日记' , '自导自演' , '超人不会飞' , '天地一斗' ); show_text_id = randomFrom(0,show_text_list.length-1); var $i = $( "<span/>" ).text(show_text_list[show_text_id]); var x = e.pageX, y = e.pageY; $i.css({ "z-index" : 99999999999999999, "top" : y - 20, "left" : x, "position" : "absolute" , "font-weight" : "bold" , "color" : color16() }); $( "body" ).append($i); $i.animate({ "top" : y - 180, "opacity" : 0 }, 1500, function () { $i.remove(); }); }); |