admin 发表于 2022-1-6 08:58:58

很漂亮的一段网页飘雪代码

<script type="text/javascript">
//~ snow雪花飘落特效
// 设置雪花数量(不建议超过30-40个)
var snowmax = 30
// 设置雪的颜色,可添加任意颜色
var snowcolor = ["#FFDA65","#00AADD","#aaaacc","#ddddff","#ccccdd","#f3f3f3","#f0ffff","#bbf7f9"]
// 设置创建雪花的字体,可添加任意字体
var snowtype = ["Times","Arial","Verdana"]
// 设置创建雪花的字母(推荐:*)
var snowletter = "*"
// 设置下沉速度(建议值范围为0.3到2)
var sinkspeed = 0.6
// 设置雪花的最大大小
var snowmaxsize = 46
// 设置雪花的最小大小
var snowminsize = 8
// 设置下雪区,1:全屏,2:左侧,3:中间,4:右侧
var snowingzone = 1
///////////////////////////////////////////////////////////////////////////
var snow = []
var marginbottom
var marginright
var timer
var i_snow = 0
var x_mv = []
var crds = []
var lftrght = []
var browserinfos = navigator.userAgent
var ie5 = document.all && document.getElementById && !browserinfos.match(/Opera/)
var ns6 = document.getElementById && !document.all
var opera = browserinfos.match(/Opera/)
var browserok = ie5 || ns6 || opera

function randommaker(range) {
    rand = Math.floor(range * Math.random())
    return rand
}

function initsnow() {
    if (ie5 || opera) {
      marginbottom = document.body.scrollHeight - 80
      marginright = document.body.clientWidth - 15
    } else if (ns6) {
      marginbottom = document.body.scrollHeight - 80
      marginright = window.innerWidth - 15
    }
    var snowsizerange = snowmaxsize - snowminsize
    for (var i = 0;i <= snowmax;i++) {
      crds = 0;
      lftrght = Math.random()*15;
      x_mv = 0.03 + Math.random()/10;
      snow = document.getElementById("s"+i)
      snow.style.fontFamily = snowtype
      snow.size = randommaker(snowsizerange)+snowminsize
      snow.style.fontSize = snow.size+'px';
      snow.style.color = snowcolor
      snow.style.zIndex = 1000
      snow.sink = sinkspeed*snow.size/5
      if (snowingzone==1) {snow.posx = randommaker(marginright-snow.size)}
      if (snowingzone==2) {snow.posx = randommaker(marginright/2-snow.size)}
      if (snowingzone==3) {snow.posx = randommaker(marginright/2-snow.size)+marginright/4}
      if (snowingzone==4) {snow.posx = randommaker(marginright/2-snow.size)+marginright/2}
      snow.posy = randommaker(2*marginbottom-marginbottom-2*snow.size)
      snow.style.left=snow.posx+'px';
      snow.style.top=snow.posy+'px';
    }
    movesnow()
}

function movesnow() {
    for (var i = 0;i <= snowmax;i++) {
      crds += x_mv;
      snow.posy+=snow.sink
      snow.style.left = snow.posx+lftrght*Math.sin(crds)+'px';
      snow.style.top = snow.posy+'px';

      if (snow.posy>=marginbottom-2*snow.size || parseInt(snow.style.left)>(marginright-3*lftrght)){
            if (snowingzone==1) {snow.posx = randommaker(marginright-snow.size)}
            if (snowingzone==2) {snow.posx = randommaker(marginright/2-snow.size)}
            if (snowingzone==3) {snow.posx = randommaker(marginright/2-snow.size)+marginright/4}
            if (snowingzone==4) {snow.posx = randommaker(marginright/2-snow.size)+marginright/2}
            snow.posy = 0
      }
    }
    var timer = setTimeout("movesnow()", 50)
}

for (var i = 0;i <= snowmax;i++) {
    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
}
if (browserok) {
    window.onload = initsnow
}
</script>

页: [1]
查看完整版本: 很漂亮的一段网页飘雪代码

广告招商
公安部网络违法犯罪举报网站 Internet crime reporting website of the Ministry of public security
公安部网络违法犯罪举报网站!