【免费】Javascript特效大全资源-CSDN文库

共290个文件

htm：229个

gif：41个

css：13个

需积分: 0 119 浏览量 2009-02-04 12:44:41 上传评论收藏 944KB RAR 举报

JavaScript特效大全是一个集合了多种JavaScript实现的视觉效果的资源库，涵盖了网页动态效果的各种应用场景。JavaScript，作为一种广泛使用的客户端脚本语言，常被用于增强网页的交互性和动态性。在这个集合中，你可能会找到诸如滑动门、图片轮播、下拉菜单、提示框、时间日期插件、滚动条优化、页面加载动画等多种实用特效。让我们来看看滑动门（Sliding Door）特效。这是一种常见的导航栏设计，通过调整图像切片的位置，使得鼠标悬停在按钮上时，呈现出不同的视觉效果，增加了用户界面的吸引力。图片轮播（Image Carousel）是另一种常见特效，它可以自动或手动切换一组图片，通常用于展示产品或服务。这种特效可以通过JavaScript轻松实现，例如使用jQuery库中的carousel插件，或者自定义代码来控制过渡效果、速度和导航箭头。下拉菜单（Dropdown Menu）是网站导航的重要组成部分。JavaScript可以实现动态展开和收起，提供更好的用户体验，尤其是在移动设备上。例如，当用户悬停在主菜单项上时，子菜单会平滑地滑出，而不再需要点击。提示框（Tooltip）是显示额外信息的小窗口，当用户将鼠标悬停在特定元素上时出现。JavaScript可以创建自定义的提示框，不仅包含文字，还可以包括图片、链接等丰富内容，增加用户对网站内容的理解。时间日期插件（Date/Time Plugin）则帮助用户在网页上进行日期和时间的显示和操作。例如，jQuery UI的datepicker插件可以方便地添加日期选择功能，而moment.js库则提供了强大的日期和时间格式化和计算功能。滚动条优化（Scrollbar Optimization）是提升网页视觉效果的一个方面。通过JavaScript，我们可以自定义滚动条的样式，使其与网站设计风格保持一致，同时保持其功能不变。页面加载动画（Page Loading Animation）在用户等待页面完全加载时提供视觉反馈，减少用户的等待焦虑感。这些动画可以通过纯CSS或结合JavaScript实现，如使用Loader.io等库。以上只是JavaScript特效大全中的一部分内容，实际可能包含更多创新和实用的特效。通过学习和应用这些特效，开发者可以提升网站的用户体验，使其更具吸引力和互动性。对于初学者来说，这个资源库是了解和掌握JavaScript动态效果的好起点；对于经验丰富的开发者，它也可以提供灵感和新的实现方法。无论你是前端开发者还是网页设计师，这个"JavaScript特效大全"都值得你下载和研究。

资源详情

资源评论

资源推荐

收起资源包目录

Javascript特效大全（290个子文件）

style.css 46B

Javascript特效大全1.exe 502KB

banner01.gif 16KB

bj.gif 2KB

pad.gif 2KB

wall02.gif 2KB

cn.gif 1KB

bar.gif 1000B

javast.gif 997B

symbol.gif 927B

art02.gif 883B

cb.gif 835B

index.gif 804B

log.gif 563B

pic04.gif 493B

work.gif 439B

pic02.gif 434B

pic03.gif 433B

pic011.gif 426B

pic01.gif 426B

back.gif 371B

next.gif 370B

bug.gif 343B

star.gif 331B

art04.gif 180B

new.gif 162B

art03.gif 149B

down.gif 146B

up.gif 143B

c2.gif 109B

c3.gif 107B

c5.gif 107B

c7.gif 105B

c6.gif 105B

c0.gif 103B

c4.gif 103B

c9.gif 103B

c1.gif 102B

c8.gif 100B

abc.gif 91B

cpm.gif 91B

cam.gif 90B

colon.gif 60B

04c.htm 49KB

04.htm 40KB

index.htm 17KB

04.htm 17KB

02c.htm 15KB

addjava.htm 14KB

04c.htm 14KB

index.htm 13KB

07c.htm 13KB

02.htm 12KB

index.htm 12KB

07.htm 12KB

index.htm 12KB

01c.htm 11KB

07c.htm 11KB

14c.htm 10KB

08c.htm 10KB

index.htm 10KB

index.htm 9KB

15c.htm 9KB

11c.htm 9KB

03c.htm 9KB

07.htm 9KB

01.htm 8KB

07c.htm 8KB

index.htm 8KB

08.htm 8KB

04c.htm 8KB

14.htm 8KB

08c.htm 8KB

15.htm 8KB

index.htm 8KB

03c.htm 8KB

01c.htm 8KB

02c.htm 7KB

06c.htm 7KB

03.htm 7KB

index.htm 7KB

02c.htm 7KB

05c.htm 7KB

01c.htm 7KB

共 290 条

<html> <head> <title>调色板一</title> <meta http-equiv="目录类型" content="文本/html; 字符集=gb2312"> <style type="text/css">  </style> <link rel="stylesheet" href="style.css"> </head> <body bgcolor="#009900" topmargin="0" leftmargin="0"> <form name="form"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#009900"> <td colspan="3" height="18">  </td> </tr> <tr> <td bgcolor="#009900" width="18"></td> <td align="center" bgcolor="#FFFFFF" valign="top"> <br> <table width="56%" border="0" cellspacing="0" cellpadding="0" height="355"> <tr> <td rowspan="2" width="16" valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="white" style="FONT-SIZE: 11pt;"> <tr bgcolor="#336699" bordercolor="#336699"> <td style="BORDER-RIGHT: double; BORDER-TOP: double; BORDER-LEFT: double; BORDER-BOTTOM: double;" height="70"><strong><a href="04.htm">演<br> <br> 示</a></strong></td> </tr> <tr bordercolor="#009900" bgcolor="#009900"> <td style="BORDER-RIGHT: double; BORDER-TOP: double; BORDER-LEFT: double; BORDER-BOTTOM: double" height="70"><strong><a href="04c.htm">源<br> 代<br> 码</a></strong></td> </tr> </table> </td> <td rowspan="2" width="8" bgcolor="#009900"> </td> <td align="center" style="BORDER-RIGHT: double; BORDER-TOP: double; FONT-SIZE: 12pt; BORDER-LEFT: double; BORDER-BOTTOM: double" bordercolor="#009900" valign="top"> <br> <b>调色板一</b> <hr width="92%" size="1" align="center"> <table cellspacing="0" cellpadding="0" width="81%"> <tr> <td colspan="2" height="25">注释：放在<head>与</head>之间</td> </tr> <tr> <td colspan="2"> <p> <textarea name="23" onFocus="this.select()" onMouseOver="this.focus()" cols="50" style="BACKGROUND-COLOR: #009900;" wrap="VIRTUAL" rows="7" class="pt9"><script language="JavaScript"> function ChangeColor(form, ColorName) { var ColorValue = " "; if (ColorName == 'aliceblue') ColorValue = "#F0F8FF"; if (ColorName == 'antiquewhite') ColorValue = "#FAEBD7"; if (ColorName == 'aqua') ColorValue = "#00FFFF"; if (ColorName == 'aquamarine') ColorValue = "#7FFFD4"; if (ColorName == 'azure') ColorValue = "#F0FFFF"; if (ColorName == 'beige') ColorValue = "#F5F5DC"; if (ColorName == 'bisque') ColorValue = "#FFE4C4"; if (ColorName == 'black') ColorValue = "#000000"; if (ColorName == 'blanchedalmond') ColorValue = "#FFEBCD"; if (ColorName == 'blue') ColorValue = "#0000FF"; if (ColorName == 'blueviolet') ColorValue = "#8A2BE2"; if (ColorName == 'brown') ColorValue = "#A52A2A"; if (ColorName == 'burlywood') ColorValue = "#DEB887"; if (ColorName == 'cadetblue') ColorValue = "#5F9EA0"; if (ColorName == 'chartreuse') ColorValue = "#7FFF00"; if (ColorName == 'chocolate') ColorValue = "#D2691E"; if (ColorName == 'coral') ColorValue = "#FF7F50"; if (ColorName == 'cornflowerblue') ColorValue = "#6495ED"; if (ColorName == 'cornsilk') ColorValue = "#FFF8DC"; if (ColorName == 'crimson') ColorValue = "#DC143C"; if (ColorName == 'cyan') ColorValue = "#00FFFF"; if (ColorName == 'darkblue') ColorValue = "#00008B"; if (ColorName == 'darkcyan') ColorValue = "#008B8B"; if (ColorName == 'darkgoldenrod') ColorValue = "#B8860B"; if (ColorName == 'darkgray') ColorValue = "#A9A9A9"; if (ColorName == 'darkgreen') ColorValue = "#006400"; if (ColorName == 'darkkhaki') ColorValue = "#BDB76B"; if (ColorName == 'darkmagenta') ColorValue = "#8B008B"; if (ColorName == 'darkolivegreen') ColorValue = "#556B2F"; if (ColorName == 'darkorange') ColorValue = "#FF8C00"; if (ColorName == 'darkorchid') ColorValue = "#9932CC"; if (ColorName == 'darkred') ColorValue = "#8B0000"; if (ColorName == 'darksalmon') ColorValue = "#E9967A"; if (ColorName == 'darkseagreen') ColorValue = "#8FBC8F"; if (ColorName == 'darkslateblue') ColorValue = "#483D8B"; if (ColorName == 'darkslategray') ColorValue = "#2F4F4F"; if (ColorName == 'darkturquoise') ColorValue = "#00CED1"; if (ColorName == 'darkviolet') ColorValue = "#9400D3"; if (ColorName == 'deeppink') ColorValue = "#FF1493"; if (ColorName == 'deepskyblue') ColorValue = "#00BFFF"; if (ColorName == 'dimgray') ColorValue = "#696969"; if (ColorName == 'dodgerblue') ColorValue = "#1E90FF"; if (ColorName == 'firebrick') ColorValue = "#B22222"; if (ColorName == 'floralwhite') ColorValue = "#FFFAF0"; if (ColorName == 'forestgreen') ColorValue = "#228B22"; if (ColorName == 'fuchsia') ColorValue = "#FF00FF"; if (ColorName == 'gainsboro') ColorValue = "#DCDCDC"; if (ColorName == 'ghostwhite') ColorValue = "#F8F8FF"; if (ColorName == 'gold') ColorValue = "#FFD700"; if (ColorName == 'goldenrod') ColorValue = "#DAA520"; if (ColorName == 'gray') ColorValue = "#808080"; if (ColorName == 'green') ColorValue = "#008000"; if (ColorName == 'greenyellow') ColorValue = "#ADFF2F"; if (ColorName == 'honeydew') ColorValue = "#F0FFF0"; if (ColorName == 'hotpink') ColorValue = "#FF69B4"; if (ColorName == 'indianred') ColorValue = "#CD5C5C"; if (ColorName == 'indigo') ColorValue = "#4B0082"; if (ColorName == 'ivory') ColorValue = "#FFFFF0"; if (ColorName == 'khaki') ColorValue = "#F0E68C"; if (ColorName == 'lavender') ColorValue = "#E6E6FA"; if (ColorName == 'lavenderblush') ColorValue = "#FFF0F5"; if (ColorName == 'lawngreen') ColorValue = "#7CFC00"; if (ColorName == 'lemonchiffon') ColorValue = "#FFFACD"; if (ColorName == 'lightblue') ColorValue = "#ADD8E6"; if (ColorName == 'lightcoral') ColorValue = "#F08080"; if (ColorName == 'lightcyan') ColorValue = "#E0FFFF"; if (ColorName == 'lightgoldenrodyellow') ColorValue = "#FAFAD2"; if (ColorName == 'lightgreen') ColorValue = "#90EE90"; if (ColorName == 'lightgrey') ColorValue = "#D3D3D3"; if (ColorName == 'lightpink') ColorValue = "#FFB6C1"; if (ColorName == 'lightsalmon') ColorValue = "#FFA07A"; if (ColorName == 'lightseagreen') ColorValue = "#20B2AA"; if (ColorName == 'lightskyblue') ColorValue = "#87CEFA"; if (ColorName ==