极品JavaScript特效代码.资源-CSDN文库

共423个文件

htm：413个

url：3个

gif：2个

需积分: 9 199 浏览量 2011-07-08 15:40:28 上传评论收藏 1.57MB RAR 举报

JavaScript是一种广泛应用于网页和网络应用的编程语言，它在网页动态效果、用户交互以及数据处理等方面发挥着重要作用。本文将深入探讨JavaScript特效代码在网页设计中的应用，以及与Java和HTML的关系。 JavaScript（JS）是Web开发的核心技术之一，它主要负责网页的动态效果。JavaScript代码可以改变HTML元素的样式、内容或者位置，使得网页不再只是静态展示，而是充满活力。例如，通过添加事件监听器，我们可以实现点击按钮后显示或隐藏某个元素的效果，或者在页面滚动时执行特定功能。 Java，虽然名字与JavaScript相似，但它们是两种完全不同的编程语言。Java是一种强类型、面向对象的语言，常用于服务器端开发，而JavaScript则主要用于客户端，两者在用途上有着显著区别。然而，在某些现代框架如Node.js中，JavaScript也能够用于服务器端编程。 HTML（超文本标记语言）是网页内容的结构化表示，它定义了网页的基本结构和内容。JavaScript可以与HTML紧密配合，通过DOM（文档对象模型）来操作HTML元素，实现动态更新和交互。例如，通过JavaScript，我们可以在不刷新整个页面的情况下更新某个段落的文字，或者创建动态的图像滑块。在"极品JavaScript特效代码"这个主题中，可能包含了一些高级的JS特效示例，比如CSS3动画、3D效果、图表绘制、轮播图、下拉菜单、时间线、弹出对话框等。这些特效不仅提升用户体验，还能让网页看起来更加专业和吸引人。开发者通常会利用jQuery、React、Vue等库或框架来简化JavaScript特效的实现。在实际应用中，JavaScript特效的实现需要考虑性能优化，比如避免阻塞DOM渲染、合理使用定时器和回调函数、减少HTTP请求等。同时，对于移动设备，还需要关注响应式设计和触摸事件的处理，确保在各种屏幕尺寸和输入方式下都能良好运行。 JavaScript特效是网页开发中不可或缺的一部分，它与HTML和Java共同构建了丰富的Web生态。掌握高效的JavaScript特效编写技巧，可以极大地提升网页的互动性和吸引力，为用户带来更优质的浏览体验。在"javaschool"这个文件中，可能包含了学习JavaScript特效的各种教程和示例代码，是学习和提升JavaScript技能的好资源。

资源推荐

资源详情

资源评论

收起资源包目录

极品JavaScript特效代码. （423个子文件）

MSVBVM60.DLL 1.32MB

SHDOCVW.DLL 1.08MB

主页特效风神榜2003网罗版.exe 140KB

plus.gif 922B

blank.gif 893B

807zh1.htm 53KB

dai4.htm 35KB

dai7.htm 33KB

back4.htm 32KB

search6.htm 31KB

824text1.htm 31KB

zh11.htm 27KB

829text6.htm 27KB

you2.htm 26KB

menu1.htm 26KB

test5.htm 25KB

824text7.htm 24KB

dao35.htm 20KB

search4.htm 19KB

shu9.htm 18KB

search3.htm 18KB

dai3.htm 18KB

time28.htm 18KB

ye1.htm 17KB

811text1.htm 17KB

dai2.htm 15KB

you10.htm 15KB

time5.htm 15KB

dai6.htm 14KB

you1.htm 14KB

825ye1.htm 14KB

menu2.htm 13KB

cook2.htm 13KB

831time2.htm 13KB

skill8.htm 13KB

823text4.htm 13KB

test1.htm 13KB

back12.htm 12KB

test3.htm 12KB

time29.htm 12KB

you3.htm 12KB

time19.htm 12KB

zh12.htm 12KB

823time2.htm 12KB

back10.htm 12KB

829text9.htm 12KB

823text1.htm 12KB

picture6.htm 12KB

time2.htm 11KB

807dao1.htm 11KB

back14.htm 11KB

time10.htm 11KB

dao12.htm 10KB

music2.htm 10KB

825text8.htm 10KB

829text5.htm 10KB

ye4.htm 10KB

back16.htm 10KB

an12.htm 10KB

search2.htm 10KB

ye24.htm 9KB

time31.htm 9KB

menu3.htm 9KB

807search1.htm 9KB

picture20.htm 9KB

824text9.htm 9KB

824zhuang4.htm 9KB

825text3.htm 9KB

825text7.htm 9KB

picture5.htm 9KB

dao16.htm 8KB

dai1.htm 8KB

807dao2.htm 8KB

824text4.htm 8KB

text8.htm 8KB

1023picture1.htm 8KB

time32.htm 8KB

shu12.htm 8KB

email4.htm 8KB

an19.htm 8KB

cook42.htm 8KB

text11.htm 8KB

dao11.htm 7KB

zh10.htm 7KB

an2.htm 7KB

807you1.htm 7KB

test4.htm 7KB

search1.htm 7KB

time27.htm 7KB

cook5.htm 7KB

you5.htm 7KB

dao4.htm 7KB

test2.htm 7KB

text12.htm 7KB

823text2.htm 7KB

you12.htm 7KB

831you3.htm 7KB

you7.htm 7KB

807back1.htm 7KB

811back1.htm 6KB

共 423 条

<html> <head> <title>元素周期表</title> <style type="text/css"> </style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#fef4d9" onload="prepare();"> <center>元素周期表</center> <center> <table border=5 bordercolor=blue borderlight=green> <tr><td align=center>下面框中为脚本显示区</td></tr> <tr><td align=center height=80><script language="JavaScript">  </script> <form method="Post" name="PeriodicTable"> <table border="2" cellspacing="1" bordercolor="#808080" bordercolordark="#808080" bordercolorlight="#808080"> <caption align="top">元素周期表</caption> <tr> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Hydrogen','1','1.0079','1','1s1','-259.14 C','-252.87 C');">H</a> </td> <td colspan="16" bgcolor="#000080"></td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Helium','2','4.0026','2','1s2','-272C @ 26ATM','-268.6 C');">He</a> </td> </tr> <tr> <td><a href="javascript: fillitin('Lithium','3','6.94','2,1','2s1','180.54 C','1347 C');">Li</a> </td> <td><a href="javascript: fillitin('Beryllium','4','9.01218','2,2','2s2','1278 C','2970 C');">Be</a> </td> <td colspan="5" align=center>固体</td> <td colspan="5" bgcolor="#C0C0C0" align=center>人造元素</td> <td><a href="javascript: fillitin('Boron','5','10.81','2,3','2p1','2300 C','2550 C');">B</a> </td> <td><a href="javascript: fillitin('Carbon','6','12.011','2,4','2p2','3500 C','4827 C');">C</a> </td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Nitrogen','7','14.0067','2,5','2p3','-209.9 C','-195.8 C');">N</a> </td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Oxygen','8','15.9994','2,6','2p4','-218.4 C','-183.0 C');">O</a> </td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Flourine','9','18.998403','2,7','2p5','-219.62 C','-188.14 C');">F</a> </td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Neon','10','20.17','2,8',' 2p6','-248.6 C','-246.1 C');">Ne</a> </td> </tr> <tr> <td><a href="javascript: fillitin('Sodium','11','22.98977','2,8,1',' 3s1','97.8 C','882.9 C');">Na</a> </td> <td><a href="javascript: fillitin('Magnesium','12','24.305','2,8,2',' 3s2','638.8 C','1090 C');">Mg</a> </td> <td colspan="5" bgcolor="#FFFF00" align=center>气体</td> <td colspan="5" bgcolor="#00FFFF" align=center>液体</td> <td><a href="javascript: fillitin('Aluminum','13','26.98154','2,8,3',' 3p1','660.37 C','2467 C');">Al</a> </td> <td><a href="javascript: fillitin('Silicon','14','28.0855','2,8,4',' 3p2','1410 C','2355 C');">Si</a> </td> <td><a href="javascript: fillitin('Phosphorous','15','30.97376','2,8,5',' 3p3','44.1 C','280 C');">P</a> </td> <td><a href="javascript: fillitin('Sulfur','16','32.06','2,8,6',' 3p4','112.8 C','444.6 C');">S</a> </td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Chlorine','17','35.453','2,8,7',' 3p5','-100.98 C','-34.6 C');">Cl</a> </td> <td bgcolor="#FFFF00"><a href="javascript: fillitin('Argon','18','39.948','2,8,8',' 3p6','-189.3 C','-186 C');">Ar</a> </td> </tr> <tr> <td><a href="javascript: fillitin('Potassium','19','39.0983','2,8,8,1',' 4s1','63.65 C','774 C');">K</a> </td> <td><a href="javascript: fillitin('Calcium','20','40.08','2,8,8,2',' 4s2','839 C','1484.4 C');">Ca</a> </td> <td><a href="javascript: fillitin('Scandium','21','44.9559','2,8,9,2',' 3d1','1539 C','2832 C');">Sc</a> </td> <td><a href="javascript: fillitin('Titanium','22','47.90','2,8,10,2',' 3d2','1660 C','3287 C');">Ti</a> </td> <td><a href="javascript: fillitin('Vandium','23','50.9415','2,8,11,2',' 3d3','1890� C','3380 C');">V</a> </td> <td><a href="javascript: fillitin('Chromium','24','51.996','2,8,13,1',' 3d5','1857 C','2672 C');">Cr</a> </td> <td><a href="javascript: fillitin('Manganese','25','54.9380','2,8,13,2',' 3d5','1245 C','1962 C');">Mn</a> </td> <td><a href="javascript: fillitin('Iron','26','55.847','2,8,14,2',' 3d6','1535 C','2750 C');">Fe</a> </td> <td><a href="javascript: fillitin('Cobalt','27','58.9332','2,8,15,2',' 3d7','1495 C','2870 C');">Co</a><font

评论收藏

内容反馈