发布于 2017-01-11 14:13:52 | 17 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


图标斜着移动到指定的位置如何实现,本文给予了详细的解决方法,感兴趣的朋友可以参考下,希望对大家有所帮助
图标斜着移动,看代码了
 
<!DOCTYPE html > 
<html> 
<head> 
<title>图标线性回归移动到指定的位置</title> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
</head> 
<body style="font-size: 13px;"> 
<div> 
<div style="margin: 30px 0 30px 0;"> 

<div style="margin: 50px 0 0 500px;"><b id="b">B</b></div> 
<div style="margin: 80px 0 0 300px;"><b id="d">D</b></div> 
</div> 
<div> 
<button name="move">move</button> 
<button name="reset">reset</button> 
</div> 
</div> 
<!-- OK图标设置成隐藏浮动 --> 
<div id="ok" style="display: none; position: absolute; width: 16px; font-color: white; background-color: red;">OK</div> 

<script type="text/javascript" src="http://jt.875.cn/js/jquery.js"></script> 
<script type="text/javascript"> 

var pb = {left: $("#b").position().left + $("#b").width(), top: $("#b").position().top};//B点位置 

var pd = {left: $("#d").position().left + $("#d").width(), top: $("#d").position().top};//D点位置 
$("#ok").css({left: pd.left, top: pd.top});//初始将OK放在D点 

$("button[name=move]").click(function() {//点击move按钮开始从D点移动B点 
$("#ok").fadeIn().animate({ 
left: pb.left, 
top: pb.top 
}, 1000,function(){//1秒内完成动画,可以设置动画速度,完了隐藏 
$("#ok").fadeOut() 
}); 

}); 

$("button[name=reset]").click(function() {//点击reset按钮回到初始状态 
$("#ok").hide().css({left: pd.left, top: pd.top}); 
}); 
</script> 
</body> 
</html> 


相关阅读 :
图标线性回归斜着移动到指定的位置
JS控制div跳转到指定的位置的几种解决方案总结
JavaScript弹出新窗口并控制窗口移动到指定位置的方法
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
JavaScript控制网页平滑滚动到指定元素位置的方法
js将滚动条滚动到指定位置的简单实现方法
js点击返回跳转到指定页面实现过程
基于JS实现移动端访问PC端页面时跳转到对应的移动端网页
JS实现让网页背景图片斜向移动的方法
用js控制组织结构图可以任意拖拽到指定位置
下拉列表select 由左边框移动到右边示例
鼠标移动到图片名上,显示图片的简单实例
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务