手机版

jquery自定义容器下雨效果可将下雨图标改为其他

时间:2021-11-08 来源:互联网 编辑:宝哥软件园 浏览:

钢性铸铁样式复制代码代码如下:样式类型='text/css ' .方框{边框-左侧:5px实心#边框-右侧:5px实心#边框-底部:10px实心# F93宽度宽度:100像素高度:60 px位置:绝对;top:250pxleft:300pxz指数:999;飞越:隐藏;} .box2 {边框-左侧:5px实心#边框-右侧:5px实心#边框-底部:10px实心# F93宽度宽度:100像素高度:60 px位置:绝对;top:250pxleft:500pxz指数:999;飞越:隐藏;} .水{ background: # 09F宽度:100%;位置:绝对;bottom:0px}/样式java描述语言复制代码代码如下:脚本//width:400,//height:300,//pic:'water-drop.png ',//下雨图片默认为water-drop.png//速度:1000,//雨速//num:100,//雨滴的密集度//dir:['右',160],//雨的飘向默认为向右飘雨滴的偏差$(function(){ $(').容器')。Rain({width:'500 ',dir:['right ',100],speed:3000,num:100,func : back _ func });})var I=0;函数back _ func(d){ if(ParSeint)($(').方框')。position()['left'] $(' .方框')。width())ddparsent($(').方框')。position()[' left ']){ if(I $(').方框')。height()){ $(' .盒子。水')。动画({ height :0 });I=0;返回;} $('.盒子。水')。动画({身高: I });} if(ParSeint($(。方框2 ').position()[' left ']$(。方框2 ').width())ddparsent($(。方框2 ').position()[' left ']){ if(I $()。方框2 ').height()){ $(。方框2 .水')。动画({ height :0 });I=0;返回;} $(.方框2 .水')。动画({身高: I });} }/脚本html div class=' container ' div class=' box ' div class=' water '/div/div class=' box 2 ' div class=' water '/div/div/div呵呵"水滴。巴布亚新几内亚"为下雨的小图标,可以改成其它的图片下雪啊,下冰雹啊,下钱都行

版权声明:jquery自定义容器下雨效果可将下雨图标改为其他是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。