javascript网页特效与交互(网页交互效果)
什么是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和html有什么区别?javascript的用途?
HTML是最简单的编程语言,也是基础,学网页开发的都要先学这一门。JAVASCRIPT是脚本语言,配合HTML语言,可以做网页的特效,如动态导航、图片等等。这两种语言是性质完全不同的语言,
javascript网页特效
style
#main{
background-color : green ;
width : 800px ;
height : 600px ;
z-index : 1 ;}
#login{
display : none ;
position : absolute ;
left : 200px ;
top : 200px ;
background-color : #fff ;
width : 200px ;
height : 200px ;
z-index : 3 ;}
#shadow{
display : none ;
position : absolute;
left : 0px ;
top : 0px ;
background-color : #000 ;
width : 800px ;
height : 600px ;
z-index : 2 ;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:0.6
}
/style
body
div id="main"
input type="button" onclick="show();" value="显示"
/div
div id="login"
input type="button" onclick="notshow();" value="隐藏"
/div
div id="shadow"/div
/body
script language="javascript" type="text/javascript"
var main = document.getElementById('main');
var login = document.getElementById('login');
var shadow = document.getElementById('shadow');
function show(){
login.style.display="block";
shadow.style.display="block";
}
function notshow()
{
login.style.display="none";
shadow.style.display="none";
}
/script
写了好一会... 总算成功了 IE 火狐都可以了~~
满意请采纳。