javascript 特效(javascript特效问题 页面上有许多点一直跟随着鼠标指针的移动如何实现这个这个效果.)
本文目录
- javascript特效问题 页面上有许多点一直跟随着鼠标指针的移动如何实现这个这个效果.
- 网页中的动态特效是用JavaScript 做出来的吗
- JS特效模版是什么意思
- 什么是JS特效
- JavaScript可以实现哪些效果或者是做什么的
- 什么是js
javascript特效问题 页面上有许多点一直跟随着鼠标指针的移动如何实现这个这个效果.
新建html复制黏贴运行即可
《html》
《head》
《title》鼠标跟随效果《/title》
《style type=“text/css“》
html {
overflow: hidden;
}
body {
position: absolute;
height: 100%;
width: 100%;
margin:0;
padding:0;
}
#screen {
background:#000;
position: absolute;
width: 100%;
height: 100%;
}
#screen span {
background: #fff;
font-size: 0;
overflow: hidden;
width: 2px;
height: 2px;
}
《/style》
《script type=“text/javascript“》
var Follow = function () {
var $ = function (i) {return document.getElementById(i)},
addEvent = function (o, e, f) {o.addEventListener ? o.addEventListener(e, f, false) : o.attachEvent(’on’+e, function(){f.call(o)})},
OBJ = , sp, rs, N = 0, m;
var init = function (id, config) {
this.config = config || {};
this.obj = $(id);
sp = this.config.speed || 4;
rs = this.config.animR || 1;
m = {x: $(id).offsetWidth * .5, y: $(id).offsetHeight * .5};
this.setXY();
this.start();
}
init.prototype = {
setXY : function () {
var _this = this;
addEvent(this.obj, ’mousemove’, function (e) {
e = e || window.event;
m.x = e.clientX;
m.y = e.clientY;
})
},
start : function () {
var k = 180 / Math.PI, OO, o, _this = this, fn = this.config.fn;
OBJ = OO = new CObj(null, 0, 0);
for(var i=0;i《360;i+=20){
var O = OO;
for(var j=10; j《35; j+=1){
var x = fn(i, j).x,
y = fn(i, j).y;
OBJ = o = new CObj(O , x, y);
O = o;
}
}
setInterval(function() {
for (var i = 0; i 《 N; i++) OBJ.run();
}, 16);
}
}
var CObj = function (p, cx, cy) {
var obj = document.createElement(“span“);
this.css = obj.style;
this.css.position = “absolute“;
this.css.left = “-1000px“;
this.css.zIndex = 1000 - N;
document.getElementById(“screen“).appendChild(obj);
this.ddx = 0;
this.ddy = 0;
this.PX = 0;
this.PY = 0;
this.x = 0;
this.y = 0;
this.x0 = 0;
this.y0 = 0;
this.cx = cx;
this.cy = cy;
this.parent = p;
}
CObj.prototype.run = function () {
if (!this.parent) {
this.x0 = m.x;
this.y0 = m.y;
} else {
this.x0 = this.parent.x;
this.y0 = this.parent.y;
}
this.x = this.PX += (this.ddx += ((this.x0 - this.PX - this.ddx) + this.cx) / rs) / sp;
this.y = this.PY += (this.ddy += ((this.y0 - this.PY - this.ddy) + this.cy) / rs) / sp;
this.css.left = Math.round(this.x) + ’px’;
this.css.top = Math.round(this.y) + ’px’;
}
return init;
}();
《/script》《/head》
《body》
《div id=“screen“》《/div》
《script type=“text/javascript“》
new Follow(’screen’, {speed: 4,
animR : 2,
fn : function (i, j) {
return {
x : j/4*Math.cos(i),
y : j/4*Math.sin(i)
}
}})
《/script》《/body》
《/html》
网页中的动态特效是用JavaScript 做出来的吗
网页常用的特效一般都是用
javascript
或者
flash
做出来的;
像“图片轮播”,“不间断滚动”,各种样式的“下拉菜单”,这些都是可以用
JavaScript
做出来的;要结合
CSS
和
DOM
知识,不过大多数人都用
JavaScript
框架,像
jQuery
,比直接用
JavaScript
的效率要高很多。
也有一些效果是用Flash
+
XML
+
Javascript
做的,效果很炫,像
3D
图片切换效果。
JS特效模版是什么意思
就是使用javascript做的一些非常漂亮的特效,比如导航条,一些炫酷的动画,这些模板的好处就是只需修改对应的html元素的id 或者class,就可以将这些效果应用到属于你自己的网页上。百度知道上也有很多JS特效,比如抽奖和商城页面的特效就非常炫酷。
什么是JS特效
JS特效就是网页中实现的特殊效果或者特殊的功能的一种技术,是用网页脚本(javascript)来编写制作动态特殊效果。
比如图片切换,渐变等等,它为网页活跃了网页的气氛,有时候会起到一定的亲切力。
JavaScript 是根据 “ECMAScript“标准制定的网页脚本语言。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。
扩展资料:
能够具有交互性,能够包含更多活跃的元素,就有必要在网页中嵌入其它的技术。如:Javascript、VBScript、Document Object Model(DOM,文档对象模型)、Layers和 Cascading Style Sheets(CSS,层叠样式表)。
JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化,减少下载时间。JavaScript 能及时响应用户的操作,对提交表单做即时的检查,无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的,只要你有创意。
JavaScript可以实现哪些效果或者是做什么的
你好,从javascript的来源、是什么、有什么特点、能用来做什么、常用的框架五个方面回答你的问题:
起源
最初起名叫LiveScript,是Netscape开发出来一种脚本语言,目的是为了扩展基本的Html的功能,为web网页增加动态效果。当Java出现以后,Netscape和Sun公司一起开发了一种新的脚本语言,它的语法和Java非常的类似,所以命名为:Javascript。
定义
Javascript(JS)是一种目前使用最广泛的解释型脚本语言,主要用于Web,它用于增强HTML页面,通常可以嵌入HTML代码中。
特点
①代码不需要进行预编译。
②跨平台性,在用户的浏览器上运行,不需要服务器的支持。
③基于对象。
④事件驱动:比如按下鼠标,移动窗口,选择菜单等。
作用
①对浏览器事件作出响应:比如鼠标点击、双击等。
②读写HTML元素:比如读写input、checkbox、td、tr、radio等元素。
③在数据被提交到服务器之前验证数据:比如验证手机号码、邮箱地址是否符合规则等。
④网页特效:比如提示气泡、漂浮、滚动等特效。
常用框架
①jQuery:快速、简洁。
②ExtJS:提供高性、可定制的Web UI控件库,良好的设计、丰富的文档和可扩展的组件模型。
③prototype:它封装、简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。
希望能对你有所帮助。
什么是js
javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的、安全性好的脚本语言。它运行在客户端从而减轻服务器的负担。javaScript的特点:javaScript主要用来向html页面中添加交互行为javaScript是一种脚本语言,语法和c语言系列语言的语法类似,属弱语言类型。javaScript一般用来编写客户端脚本,如node.js例外。javaScript是一种解释型语言,边执行边解释无需另外编译。javaScript的用途是什么?javaScript的用途是解决页面交互和数据交互,最终目的是丰富客户端效果以及数据的有效传递。实现页面交互,提升用户体验实现页面特效。即js操作html的dom节构或操作样式。客户端表单验证即在数据送达服务端之前进行用户提交信息即时有效地验证,减轻服务器压力。即数据交互。
更多文章:
世界移动通信大会取消(百年历史的日内瓦车展确认取消,系二战后首次停办)
2023年11月13日 00:20
酷比魔方平板电脑怎么下载软件(你好,酷比魔方平板电脑,怎么下载不了呢)
2023年8月28日 13:00
吉利远景x6上市时间(全新远景X6幸福上市,媒体试驾体验报告~)
2024年7月15日 05:26
富士s4000能拍月亮吗(相机可以拍月亮吗会不会对机子有损伤)
2024年7月14日 13:58
6splus刚上市多少钱一台(苹果6s plus刚发布是什么价格)
2023年7月4日 09:40
漫威48部完整顺序(之前没看过漫威系列电影,看了复联四想把所有的重新看一遍,该按什么顺序)
2023年3月28日 00:40