位置：首页>> 网络编程>> JavaScript>> JavaScript画圆

JavaScript画圆

作者：abcdreamer　来源：51js　发布时间：2010-01-22 15:57:00　

标签：圆,JavaScript

看那个自由落体div有感。这个没落体，画个圆。(ie only)

<html><head><style>v\:*{behavior:url(#default#VML);position:absolute}</style></head><body><script>var Draw = {};Draw.time = 0;Draw.startX = 0;Draw.startY = 0;Draw.currX = 0;Draw.currY = 0;Draw.object = null;Draw.create = function() {var d = document.createElement('div');d.id = 'div_' + this.time;//d.style.border = '1px solid';//d.style.backgroundColor = '#ccc';d.style.position = 'absolute';d.style.top = this.startY + 'px';d.style.left = this.startX + 'px';d.style.width = '0';d.style.height = '0';d.style.fontSize = '0';d.style.overflow = 'hidden';d.innerHTML = '<v:oval style="left:0;top:0;width:100％;height:100％" fillcolor="blue" stroked="f" />';document.body.appendChild(this.object = d);};Draw.resize = function() {var st = this.object.style;st.width = Math.abs(this.startX - this.currX) + 'px';st.height = Math.abs(this.startY - this.currY) + 'px';st.left = Math.min(this.startX, this.currX) + 'px';st.top = Math.min(this.startY, this.currY) + 'px';};Draw.animate = function() {new this.Animation(this.object);};Draw.Animation = function(object) {this.object = object;this.opacity = 100;this.velocity = 10;var me = this;this.timer = setInterval(function() {me.animate();}, 100);};Draw.Animation.prototype.animate = function() {this.opacity -= (this.velocity += 2);if (this.opacity <= 0) {document.body.removeChild(this.object);clearInterval(this.timer);} else {this.object.style.filter = 'alpha(opacity=' + this.opacity + ')';}};function mouseMove() {event.returnValue = false;Draw.currX = event.clientX;Draw.currY = event.clientY;Draw.resize();}document.onmousedown = function() {event.returnValue = false;Draw.time = +new Date;Draw.startX = event.clientX;Draw.startY = event.clientY;Draw.create();document.onmousemove = mouseMove;};document.onmouseup = function() {event.returnValue = false;document.onmousemove = null;Draw.animate();};</script></body></html>

0

投稿

猜你喜欢

Python多线程应用于自动化测试操作示例
本文实例讲述了Python多线程应用于自动化测试操作。分享给大家供大家参考，具体如下：多线程执行测试用例实例：import threadin
Python 中如何写注释
在写 Python 代码的时候，一个很好的编码实践就是使得你的代码简洁，易懂。组织代码，设置变量，以及给函数有意义的名字，都是几个不错的方法
citespace数据处理:用python对Ref文档进行去重方式
python对Ref文档进行去重首先将txt文档提取到Excel表格中筛选出重复项，并且整理到txt中：需要去重的目标txt也准备好：接下来
ASP JSON类源码
<％'============================================================
MySQL性能优化
1. 简介在Web应用程序体系架构中，数据持久层（通常是一个关系数据库）是关键的核心部分，它对系统的性能有非常重要的影响。MySQL是目前
在python3.9下如何安装scrapy的方法
本文主要介绍了在python3.9下如何安装scrapy的方法，分享给大家，具体如下：安装命令：pip install scrapy -i
基于Python和openCV实现图像的全景拼接详细步骤
基本介绍图像的全景拼接，即“缝合”两张具有重叠区域的图来创建一张全景图。其中用到了计算机视觉和图像处理技术有：关键点检测、局部不变特征、关键
python中Tkinter复选框Checkbutton是否被选中判断
Tkinter复选框Checkbutton是否被选中判断定义一个BooleanVar型数据进行获取复选框状态。>>> im
15行Python代码实现网易云热门歌单实例教程
0. 引言马上314情人节就要来了，是否需要一首歌来抚慰你，受伤或躁动的心灵。来吧，今天教你用15行代码搞定热门歌单。学起来并听起来吧。本文
PHP session 会话处理函数
PHP Session 变量当运行一个应用程序时，你会打开它，做些更改，然后关闭它。这很像一次会话。计算机清楚你是谁。它知道你何时启动应用程
python用BeautifulSoup库简单爬虫实例分析
会用到的功能的简单介绍1、from bs4 import BeautifulSoup#导入库2、请求头herdersheaders={
Windows下在CMD下执行Go出现中文乱码的解决方法
在cmd下运行go程序或者是GOLAND的Terminal下运行go程序会出现中文乱码的情况。go run ttypemain.go��
Discuz!NT 论坛整合ASP程序论坛
代码如下:<％@LANGUAGE="VBSCRIPT" CODEPAGE="65001&quo
JavaScript中实现字符串的取左取右（实现left和right功能）
JavaScript中的字符串函数没有像VBScript＼ASP中的内部函数那么全.不能像VB那样直接利用left和right函数来实现对字
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
摘要: 前端框架 Bootstrap 的模态对话框，可以使用 remote 选项指定一个 URL，这样对话框在第一次弹出的时候就会自动从这个
python爬虫获取百度首页内容教学
由传智播客教程整理，我们这里使用的是python2.7.x版本，就是2.7之后的版本，因为python3的改动略大，我们这里不用它。现在我们
python如何重载模块实例解析
本文首先介绍了Python中的模块的概念，谈到了一个模块往往由多个模块组成，然后通过具体实例，分析了模块重载的相关内容，具体介绍如下。模块是
python3中join和格式化的用法小结
python中join和格式化的用法join用法1、将字符串转化成列表str1 = "hello"print(list(
Python map和reduce函数用法示例
先看map。map()函数接收两个参数，一个是函数，一个是序列，map将传入的函数依次作用到序列的每个元素，并把结果作为新的list返回。举
AI:如何训练机器学习的模型
1.Training: 如何训练模型一句话理解机器学习一般训练过程：通过有标签样本来调整（学习）并确定所有权重Weights和偏差Bias

bootstrap-table组合表头的实现方法

各种页面定时跳转(倒计时跳转)代码总结

JS判断鼠标从什么方向进入一个容器实例说明

弹出最简单的模式化遮罩层的js代码

Vue中$router与 $route的区别详解

JS实现获取毫秒值及转换成年月日时分秒的方法

JavaScript中document.forms[0]与getElementByName区别

异步加载Google Adsense 更新到Wordpress 2.62

解决Vue+SpringBoot+Shiro跨域问题

微信小程序云开发模糊查询实现解析

Win11c盘满了怎么扩容？Win11 C盘扩容教程

在Excel表格新行中自动填充公式的方法

装完系统第一次启动内存占用高怎么办？

iPhone 12手机真实信号强度如何查看？

魔兽世界怀旧服拯救公主任务怎么玩？拯救公主任务完成攻略分享

Android studio设置文件头定制代码注释的方法

word字体横竖变换怎么设置?

神仙道3遮风挡雨怎么通关

完整地显示信用卡号码 1、选择要设置格式的单元格或单元格区域

烟雨江湖君杰怎么打

手机版 网络编程 asp之家 www.aspxhome.com