易截截图软件、单文件、免安装、纯绿色、仅160KB

学习用JavaScript画一个笑脸


<mce:script type="text/javascript" src="../jquery-1.2.3-intellisense.js" mce_src="jquery-1.2.3-intellisense.js"></mce:script>
<mce:script type="text/javascript"><!--
$(function() {
dayuan(200, 500, 200, 270, -90);
setTimeout(" dayuan(50, 420, 150, 180, 0);", 5000);
setTimeout(" dayuan(50, 590, 150, 180, 0);", 9000);
setTimeout(" dayuan(50, 500, 250, 0, -180);", 13000);

}
)
function dayuan(r,x,y,a,c) { //r 圆半径,x 圆心的横坐标,a 起始角度,y 圆心纵坐标,c 终点坐标
var div = document.getElementById("div1");
var xs = setInterval(function test() {
var b = (Math.PI * (a)) / 180; //角度换成弧度
a = a - 1; //每一次按一度递减
div.style.top = eval(y - r * Math.sin(b)) + "px"; //设置新的坐标
div.style.left = eval(x + r * Math.cos(b)) + "px";
var off = $("#div1").offset(); //获取新的坐标
$("body").append("<div id='div" + off.left + off.top + "' class=\"te\"></div>"); //添加圆的每一个点
var divx = document.getElementById("div" + off.left + off.top);
divx.style.left = off.left+"px"; //设置圆的每一个点的坐标
divx.style.top = off.top+"px";
// alert($("#div" + off.left + off.top).offset().left+" "+off.left);
if (a == c) {
clearInterval(xs);
}
}, 10);
}




// --></mce:script>

#div1
{
width:5px;
height:5px;
background-color:Black;
position:absolute;
top:100px;
left:50px;
overflow:hidden;
}
.te
{
position:absolute;
width:5px;
height:5px;
background-color:#ff0000;
overflow:hidden;
}

html代码
<div id="div1"></div>


相关文档:

Javascript中最常用的55个经典技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return f ......

IE与Firefox下javascript getyear年份的兼容性写法

                    前几天在测试网站兼容性问题,发现原来在IE下面正常的显示时间在Firefox获取年份下显示109
                &nb ......

JavaScript 简单项目应用技巧

1.<select></select>标签应用
    通常的写法是:
    <select onchange="javascript:windwo.open(this.options[this.selectedIndex].value)">
        <option>MAIN</option>
      & ......

javascript 动态加载css、js

兼容IE、FireFox、Chrome
//加载js
function loadJs(){
    if (!getObj('script_PlData')){
        var scriptObj= document.createElement("script");
        //scriptObj.id = 'script_1';
    &nb ......

7 JavaScript Differences Between Firefox & IE

Although the days of long and tedious code branches to target specific browsers in JavaScript are over, once in a while it's still necessary to do some simple code branching and object detection to ensure that a certain piece of code is working properly on a user's machine. 
In this article, I ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号