更新时间：2015年10月21日

鼠标事件之游来游去的小鱼

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>particle-4</title>
<meta http-equiv="imagetoolbar" content="no">

#SF img {
		cursor: pointer;
		position: absolute;
	}
	#FPS {
		position: absolute;
		right: 5px;
		bottom: 5px;
		font-size: 10px;
		color: #666;
		font-family: courier;
	}
</style>

////////////////////////
var D  = 150;
var NB = 15;
////////////////////////
var o = [];
var xm = 0;
var ym = 0;
var R  = 1 / (D * D);
var fps = 0;
var M = 0;

document.onmousemove = function(e){
	if(window.event) e=window.event;
	tg = (e.target) ? e.target : e.srcElement;
	if(tg.obj){
		xm = tg.obj.x;
		ym = tg.obj.y;
		M = 10;
	} else M = 0;
}

function resize() {
	nx = document.getElementById("SF").offsetWidth;
	ny = document.getElementById("SF").offsetHeight;
}
onresize = resize;

obZ = function() {
	this.x  = Math.random() * nx;
	this.y  = Math.random() * ny;
	this.vx = 0;
	this.vy = 0;
	this.O = new RotImg(this, document.getElementById("SF"), [
		["p1", 0,0],
		["p2", 8,-30],
		["p2", 8,30],
		["p5", 20,180]
	]);
}

if(M > 0){
				dx = x - xm;
				dy = y - ym;
				w = Math.exp(-(dx * dx * R)) *  Math.exp(-(dy * dy * R));
				if(xm < x) ex = w; else ex = -w;
				if(ym < y) ey = w; else ey = -w;
				vx += 100 * NB * ex;
				vy += 100 * NB * ey;
			}

vx *= .98;
			vy *= .98;
			x += vx / (NB * 100);
			y += vy / (NB * 100);
			if(x > nx + 10) x = -10; else if(x < -10) x = nx + 10;
			if(y > ny + 10) y = -10; else if(y < -10) y = ny + 10;
			O.position(x, y, Math.atan2(vy, vx));
		}
	}
	setTimeout("mainloop();", 1);
}

onload = function(){
	resize();
	xm = 10000;
	ym = 10000;
	for(var i=0; i<NB; i++)o[i] = new obZ()
	mainloop();
	setInterval("document.getElementById('FPS').innerHTML=fps+' fps';fps=0", 1000);
}

</script>
</head>

<body>

</div>
						<br>
						<div class="clear blank10"></div>
						上一篇： <a href="/thread-3680-1.html" title="网页放大缩小按钮效果">网页放大缩小按钮效果</a><br>
						下一篇：<a href="/thread-3682-1.html" title="超酷带纹理网页滚动条效果">超酷带纹理网页滚动条效果</a>
						<div class="clear"></div>
					</div>
				</div>
			</div>
        </div>
    </div>

<div class="footer wow animated fadeInUp">
    <div class="mainbox container clearfix">
        <div class="foot_l fl">
            <i class="title">联系我们</i>
            <div class="footer_address">长沙高新开发区像素大厦(上门请先电话预约)</div>
            <em class="foooter_phone">0731-84469346/15274839229</em>
            <span class="sm-hide">0731-84469346</span>

<p class="mld" >用心打造长沙网站制作优秀品牌，用心服务 <br>携手共赢！</p>
          <P class="mld">在线QQ技术服务中心：  点击对话
			  <a 
target=blank href=tencent://message/?uin=273039264&Site=龙帝网络科技&Menu=yes  ><font class="red">273039264</font></a> 
<a target=blank href=tencent://message/?uin=95018369&Site=龙帝网络科技&Menu=yes ><font class="red">95018369</font></a> 
<a target=blank href=tencent://message/?uin=975371319&Site=龙帝网络科技&Menu=yes ><font class="red">975371319</font></a></p>
        </div>
        <div class="foot_c fl">
            <div class="title">信息导航</div>
            <div class="aboutlist">
 <a href="http://www.ld99.cn/list-1689.html" target="_blank">经典案例</a>
 <a href="http://www.ld99.cn/list-1692.html" target="_blank">新闻动态</a>
 <a href="http://www.ld99.cn/list-1690.html" target="_blank">公司简介</a>
 <a href="http://www.ld99.cn/list-1690.html#wh" target="_blank">企业文化</a>            
 <a href="http://www.ld99.cn/list-1690.html#zp" target="_blank">加入我们</a>
 <a href="http://www.ld99.cn/list-1691.html" target="_blank">联系我们</a>
            </div>
        </div>
        <div class="foot_r fr">
            <div class="title">关注公众号</div>
            <div class="aboutlist"><img src="/ld/images/weixi.jpg"></div>
        </div>
    </div>
    <div class="mainbox container copyright clearfix">
       
        <span class="span_l fl" >Copyright ©2023 长沙龙帝网络科技有限公司 版权所有   <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">湘ICP备2023008034号</a>
 <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43019002001179" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://kj.zhzszq.com/i.png" style="float:left;"/> 湘公网安备 
43019002001180号</a>
</span>

<span class="span_r fr"><a href="http://www.ld99.cn">长沙网站设计</a> | <a href="http://www.ld99.cn">长沙手机网站建设</a> | <a href="http://www.ld99.cn">长沙网站优化</a> |  <a href="
http://www.ld99.cn">长沙网站备案</a> <a href="http://www.ld99.cn">长沙做网站的公司</a></span>
    </div>
</div>

<script src='/js/jquery.js'></script>
<script src="/js/index.js"></script>
<script type="text/javascript" src="/ld/js/script.js"></script>

}
pageAnimate('.page-animate');

//设置选中
	(function($a) {

var href = location.href,
        target;
    if (location.search != '') {
        href = href.split(location.search)[0]
    }
    
    for (var i = 0; i < $a.length; i++) {
        var thisHref = $a[i].href;
        if (thisHref == href) {
            target = $a[i];
            break;
        };

}

var $li = $(target).parent(),
        $menu = $(target).parents('.dropdown-menu');
    if ($menu.length != 0) {

$li = $menu.parent()

}

$li.addClass('active').siblings().removeClass('active');

})($('.nav-box').find('a'));

</script>
<script>
    function relyLoadedCallBackInPage(){
  $('.page-timer').each(count);
      $('.case-tab').find('li').eq('0').addClass('curr').siblings().removeClass('curr')
      $('.case-box').find('.case-welcome').each(function () {
         var _value = $(this).attr('data-base'); 
        if(_value == 0){
            $(this).removeAttr("href");
            $(this).hide()
        }
    })
    $('.case-right a').click(function(){
            $('#qidian_wpa_2852156247_26').contents().find('.btn-area').click()
        })
    var mySwiper =  new Swiper('.swiper-container', {
       
        slidesPerView: 6,
        paginationClickable: true,
        spaceBetween: 15,
         breakpoints: {
            //宽度小于1024的时候
            768: {
                slidesPerView: 4,
                spaceBetween: 10
            },
       
        }

});
}
</script>
</body>
</html>