- Vijos
- 2014-12-06 19:46:09 @
###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 条评论
-
Gary1999 LV 8 @ 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('❄'),
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