/ Vijos / 讨论 / Vijos /

Vijos个人设置里面js要怎么改呀?

###Vijos个人设置里面js要怎么改呀?###
##我弄个了一个飘雪花的js效果,##

###需要在网页里面加上以下代码:

首先,头部要加入Jquery和这个添加的js的名字:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="***.js"></script>

然后网页中引用它加代码:

<script>
\((function(){
\).fn.snow({
minSize: 5, //雪花的最小尺寸
maxSize: 50, //雪花的最大尺寸
newOn: 300 //雪花出现的频率 这个数值越小雪花越多
});
});
</script>

最后,附上这个js的内容:

(function(\(){
\).fn.snow = function(options){
var \(flake= \)('<div id="snowbox" />').css({'position': 'absolute', 'top': '-50px'}).html('❄'),
documentHeight=\((document).height(),
documentWidth=\)(document).width(),
defaults={
minSize:10,
maxSize:20,
newOn:1000,
flakeColor:"#FFFFFF"
},
options=\(.extend({},defaults,options);
var interval=setInterval(function(){
var startPositionLeft=Math.random()*documentWidth-100,
startOpacity=0.5+Math.random(),
sizeFlake=options.minSize+Math.random()*options.maxSize,
endPositionTop=documentHeight-40,
endPositionLeft=startPositionLeft-100+Math.random()*500,
durationFall=documentHeight*10+Math.random()*5000;
\)flake.clone().appendTo('body').css({
left: startPositionLeft,
opacity: startOpacity,
'font-size': sizeFlake,
color: options.flakeColor
}).animate({
top: endPositionTop,
left: endPositionLeft,
opacity: 0.2
},durationFall,'linear',function(){
$(this).remove()
}
);

}, options.newOn);
};
})(jQuery);

背景用css我会弄

body{
background: url('http://image.tianjimedia.com/uploadImages/2013/105/9DVE550W18T6.jpg');
background-size: cover;
background-attachment: fixed;
}

##js实现Vijos中的每一个页面飘雪花
###这个效果做得出吗?###
###__大神快来啊~__

7 条评论

  • @ 2014-12-14 09:11:13

    orz

  • @ 2014-12-07 22:42:53

    orz

  • @ 2014-12-07 21:41:31

    orz

  • @ 2014-12-07 18:30:08

    orz

  • @ 2014-12-07 16:28:17

    Oh!
    ####谢谢~####

  • @ 2014-12-06 20:48:52

    直接这样粘贴到个性设置里的框里面去。
    不用管jquery的事,vijos已经引用了jquery

  • @ 2014-12-06 20:45:53

    \((document).ready(function(\)){
    \(.fn.snow = function(options){
    var \)flake= \(('<div id="snowbox" />').css({'position': 'absolute', 'top': '-50px'}).html('&#10052;'),
    documentHeight=\)(document).height(),
    documentWidth=\((document).width(),
    defaults={
    minSize:10,
    maxSize:20,
    newOn:1000,
    flakeColor:"#FFFFFF"
    },
    options=\).extend({},defaults,options);
    var interval=setInterval(function(){
    var startPositionLeft=Math.random()*documentWidth-100,
    startOpacity=0.5+Math.random(),
    sizeFlake=options.minSize+Math.random()*options.maxSize,
    endPositionTop=documentHeight-40,
    endPositionLeft=startPositionLeft-100+Math.random()*500,
    durationFall=documentHeight*10+Math.random()*5000;
    \(flake.clone().appendTo('body').css({
    left: startPositionLeft,
    opacity: startOpacity,
    'font-size': sizeFlake,
    color: options.flakeColor
    }).animate({
    top: endPositionTop,
    left: endPositionLeft,
    opacity: 0.2
    },durationFall,'linear',function(){
    \)(this).remove()
    }
    );

    }, options.newOn);
    };
    \((function(){
    \).fn.snow({
    minSize: 5, //雪花的最小尺寸
    maxSize: 50, //雪花的最大尺寸
    newOn: 300 //雪花出现的频率 这个数值越小雪花越多
    });
    });
    });

  • 1