现在位置: 首页  >  编程技术  >  前端
网页点击js特效,文字上浮,周杰伦歌名随机切换。
0 4429

本站使用的点击特效,参照网上的代码改了改,有需要的可以拿去装饰下网页,哈哈哈。

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();
    });
});


 评论
 站内搜索