【免费】JavaScript各种应用特效资源-CSDN文库

共97个文件

html：57个

htm：31个

jpg：9个

需积分: 0 23 浏览量更新于2010-12-18 收藏 431KB RAR 举报

JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它主要负责实现客户端的交互效果和动态功能。在网页设计中，JavaScript的各种应用特效是提升用户体验、增加网站吸引力的关键元素。以下是一些JavaScript特效相关的知识点： 1. **DOM操作**：Document Object Model（DOM）是HTML和XML文档的结构表示，JavaScript通过DOM可以改变网页内容、样式和结构。例如，通过`document.getElementById`、`document.createElement`等方法来选择和操作页面元素。 2. **事件处理**：JavaScript支持各种用户交互事件，如点击（click）、鼠标悬浮（mouseover）、键盘按键（keydown）等。通过`addEventListener`或`on事件名`属性，我们可以添加事件监听器，实现相应的响应功能。 3. **CSS样式操作**：JavaScript可以动态修改元素的CSS样式，通过`.style`属性可以直接访问和改变元素的样式，如`element.style.color = 'red'`将元素文本颜色设置为红色。 4. **动画效果**：通过定时器（setTimeout或setInterval）和改变元素样式，可以实现各种动画效果，如淡入淡出、滑动、旋转等。CSS3的过渡（transition）和动画（animation）也可以与JavaScript结合使用，提供更流畅的动画体验。 5. **Ajax异步通信**：Ajax允许在不刷新整个页面的情况下更新部分网页内容，提高用户体验。`XMLHttpRequest`对象是实现Ajax的核心，现代浏览器还提供了更高级的`fetch` API。 6. **模板引擎**：用于动态渲染数据到HTML，如Handlebars、Mustache等，可以简化DOM操作，提高代码可读性和复用性。 7. **响应式设计**：JavaScript可以检测窗口大小变化（`window.onresize`），从而调整布局适应不同设备和屏幕尺寸。 8. **拖放功能**：HTML5引入了拖放API，JavaScript可以通过`dragstart`、`dragover`、`drop`等事件实现元素的拖放操作。 9. **表单验证**：JavaScript可以对用户输入进行实时验证，提供错误提示，避免无效数据提交服务器。 10. **插件和库**：jQuery、React、Vue等JavaScript库和框架大大简化了开发工作，提供了丰富的特效和组件，如jQuery的滑动效果、轮播图插件等。 11. **Web存储**：利用`localStorage`和`sessionStorage`，JavaScript可以在浏览器端存储数据，实现离线应用和状态管理。 12. **Web API**：JavaScript可以调用浏览器提供的各种API，如Geolocation获取地理位置、WebSocket实现实时通信等，进一步扩展网页功能。 13. ** Progressive Web App (PWA)**：通过Service Worker和Web App Manifest，JavaScript可以创建渐进式Web应用，使其具备类似原生应用的离线缓存、启动图标、推送通知等功能。 14. **Canvas和WebGL**：这两个图形API允许开发者在浏览器中绘制2D和3D图形，实现游戏、图表、数据可视化等特效。 JavaScript在网页特效中的应用非常广泛，从简单的交互到复杂的动画，再到数据驱动的动态展示，都离不开JavaScript的支撑。通过不断学习和实践，开发者可以创造出更加生动、互动的网页体验。

收起资源包目录

JavaScript各种应用特效.rar （97个子文件）

特效

29.html 9KB

26.html 596B

28.html 13KB

24.html 583B

22.html 6KB

6.html 2KB

30.html 4KB

23.html 593B

21.html 1KB

25.html 1KB

16.html 1KB

5.html 2KB

9.html 807B

14.html 7KB

8.html 1KB

7.html 15KB

17.html 28KB

27.html 379B

2.html 613B

10.html 3KB

4.html 6KB

13.html 5KB

19.html 1KB

18.html 1002B

11.html 433B

3.html 5KB

15.html 2KB

1.html 3KB

20.html 10KB

12.html 1KB

pjsongone

te-1.html 1KB

te-3.html 1KB

20101111151252[1].jpg 5KB

显示用户在你站点呆的时间.html 1KB

Untitled-18.html 5KB

u=3527757601,183190907&fm=15&gp=0[1].jpg 3KB

te-2.html 5KB

Untitled-16.html 4KB

Untitled-19.html 3KB

文本框消失.html 2KB

跳转.html 2KB

Untitled-28.html 3KB

20101027172315[1].jpg 8KB

鼠标控制滚动条.html 6KB

Untitled-27.html 978B

状态栏.html 583B

te-4.html 819B

Untitled-25.html 1KB

取得当前网址.html 161B

te-6.html 15KB

变省略号.html 1KB

Untitled-26.html 729B

t跳舞的文字小人.html 4KB

u=3923985223,2441281997&fm=15&gp=0[1].jpg 4KB

图片自动变化大小.html 741B

水波换图.html 3KB

无名.html 5KB

不能右键，全选和复制.html 664B

20101113112425[1].jpg 7KB

鼠标.html 5KB

te-5.html 952B

pjsong

字体大小.htm 2KB

网页特效 qpsh_com---非常酷的五星展开菜单显示效果.htm 18KB

输入文字.htm 1KB

菜单.htm 10KB

鼠标始终.htm 7KB

关闭.htm 1KB

设为首页.htm 1KB

滚动.htm 4KB

状态栏文字弹出.htm 3KB

隐藏文字.htm 3KB

定时弹网页.htm 1KB

12.htm 6KB

QQ截图未命名2.jpg 10KB

时钟.htm 5KB

6.htm 2KB

3.htm 1013B

11.htm 4KB

QQ截图未命名3.jpg 11KB

飘自动关闭.htm 3KB

文字精彩不断变色特效.htm 6KB

换.htm 3KB

计时器.htm 2KB

4.htm 33KB

9.htm 8KB

滑动门通用JS.htm 6KB

7.htm 2KB

upmenu-水平竖弹向上三级弹出菜单.htm 11KB

13.htm 3KB

1.html 2KB

QQ截图未命名1.jpg 16KB

16.htm 5KB

状态栏时间.htm 1KB

网页特效-- 给地图加个放大镜-www_qpsh_com.htm 8KB

海绵宝宝.jpg 244KB

10.htm 1KB

15.htm 1KB

资源推荐

资源预览

资源评论

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <HTML><HEAD><TITLE>带有农历的万年历</TITLE> <META content="农历; 阳历; 月历; 节日; 时区; 节气; 八字; 干支; 生肖; gregorian solar; chinese lunar; calendar;" name=keywords> <META content=All name=robots> <META content="gregorian solar calendar and chinese lunar calendar" name=description> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css>P { FONT-SIZE: 9pt; FONT-FAMILY: 宋体 } TD { FONT-SIZE: 9pt; FONT-FAMILY: 宋体,simsun } A:link { COLOR: #000000; TEXT-DECORATION: none } A:visited { COLOR: #000000; TEXT-DECORATION: none } A:active { COLOR: green; TEXT-DECORATION: none } A:hover { COLOR: red; TEXT-DECORATION: underline } </STYLE> <SCRIPT language=JavaScript> <!-- /***************************************************************************** 日期资料 *****************************************************************************/ var lunarInfo=new Array( 0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2, 0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977, 0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970, 0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950, 0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557, 0x06ca0,0x0b550,0x15355,0x04da0,0x0a5b0,0x14573,0x052b0,0x0a9a8,0x0e950,0x06aa0, 0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0, 0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6, 0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570, 0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0, 0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5, 0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930, 0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530, 0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45, 0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0, 0x14b63); var solarMonth=new Array(31,28,31,30,31,30,31,31,30,31,30,31); var Gan=new Array("甲","乙","丙","丁","戊","己","庚","辛","壬","癸"); var Zhi=new Array("子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"); var Animals=new Array("鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"); var solarTerm = new Array("小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"); var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758); var nStr1 = new Array('日','一','二','三','四','五','六','七','八','九','十'); var nStr2 = new Array('初','十','廿','卅','□'); var monthName = new Array("JAN","FEB","MAR","APR","MAY","JUN","JUL","AUG","SEP","OCT","NOV","DEC"); //国历节日 *表示放假日 var sFtv = new Array( "0101*元旦节", "0202 世界湿地日", "0210 国际气象节", "0214 情人节", "0301 国际海豹日", "0303 全国爱耳日", "0305 学雷锋纪念日", "0308 妇女节", "0312 植树节孙中山逝世纪念日", "0314 国际警察日", "0315 消费者权益日", "0317 中国国医节国际航海日", "0321 世界森林日消除种族歧视国际日世界儿歌日", "0322 世界水日", "0323 世界气象日", "0324 世界防治结核病日", "0325 全国中小学生安全教育日", "0330 巴勒斯坦国土日", "0401 愚人节全国爱国卫生运动月(四月) 税收宣传月(四月)", "0407 世界卫生日", "0422 世界地球日", "0423 世界图书和版权日", "0424 亚非新闻工作者日", "0501*劳动节", "0502*劳动节假日", "0503*劳动节假日", "0504 青年节", "0505 碘缺乏病防治日", "0508 世界红十字日", "0512 国际护士节", "0515 国际家庭日", "0517 国际电信日", "0518 国际博物馆日", "0520 全国学生营养日", "0523 国际牛奶日", "0531 世界无烟日", "0601 国际儿童节", "0605 世界环境保护日", "0606 全国爱眼日", "0617 防治荒漠化和干旱日", "0623 国际奥林匹克日", "0625 全国土地日", "0626 国际禁毒日", "0701 香港回归纪念日中共诞辰世界建筑日", "0702 国际体育记者日", "0707 抗日战争纪念日", "0711 世界人口日", "0730 非洲妇女日", "0801 建军节", "0808 中国男子节(爸爸节)", "0815 抗日战争胜利纪念", "0908 国际扫盲日国际新闻工作者日", "0909 毛泽东逝世纪念", "0910 中国教师节", "0914 世界清洁地球日", "0916 国际臭氧层保护日", "0918 九·一八事变纪念日", "0920 国际爱牙日", "0927 世界旅游日", "0928 孔子诞辰", "1001*国庆节世界音乐日国际老人节", "1002*国庆节假日国际和平与民主自由斗争日", "1003*国庆节假日", "1004 世界动物日", "1006 老人节", "1008 全国高血压日世界视觉日", "1009 世界邮政日万国邮联日", "1010 辛亥革命纪念日世界精神卫生日", "1013 世界保健日国际教师节", "1014 世界标准日", "1015 国际盲人节(白手杖节)", "1016 世界粮食日", "1017 世界消除贫困日", "1022 世界传统医药日", "1024 联合国日", "1031 世界勤俭日", "1107 十月社会主义革命纪念日", "1108 中国记者日", "1109 全国消防安全宣传教育日", "1110 世界青年节", "1111 国际科学与和平周(本日所属的一周)", "1112 孙中山诞辰纪念日", "1114 世界糖尿病日", "1117 国际大学生节世界学生节", "1120*彝族年", "1121*彝族年世界问候日世界电视日", "1122*彝族年", "1129 国际声援巴勒斯坦人民国际日", "1201 世界艾滋病日", "1203 世界残疾人日", "1205 国际经济和社会发展志愿人员日", "1208 国际儿童电视日", "1209 世界足球日", "1210 世界人权日", "1212 西安事变纪念日", "1213 南京大屠杀(1937年)纪念日！紧记血泪史！", "1220 澳门回归纪念", "1221 国际篮球日", "1224 平安夜", "1225 圣诞节", "1226 毛泽东诞辰纪念") //农历节日 *表示放假日 var lFtv = new Array( "0101*春节", "0102*初二", "0103*初三", "0115 元宵节", "0505 端午节", "0707 七夕情人节", "0715 中元节", "0815 中秋节", "0909 重阳节", "1208 腊八节", "1223 小年", "0100 除夕") //某月的第几个星期几 var wFtv = new Array( "0150 世界麻风日", //一月的最后一个星期日（月倒数第一个星期日） "0520 国际母亲节", "0530 全国助残日", "0630 父亲节", "0730 被奴役国家周", "0932 国际和平日", "0940 国际聋人节世界儿童日", "0950 世界海事日", "1011 国际住房日", "1013 国际减轻自然灾害日(减灾日)", "1144 感恩节") /***************************************************************************** 日期计算 *****************************************************************************/ //====================================== 返回农历 y年的总天数 function lYearDays(y) { var i, sum = 348; for(i=0x8000; i>0x8; i>>=1) sum += (lunarInfo[y-1900] & i)? 1: 0; return(sum+leapDays(y)); } //====================================== 返回农历 y年闰月的天数 function leapDays(y) { if(leapMonth(y)) return((lunarInfo[y-1900] & 0x10000)? 30: 29); else return(0); } //====================================== 返回农历 y年闰哪个月 1-12 , 没闰返回 0 function leapMonth(y) { return(lunarInfo[y-1900] & 0xf); } //====================================== 返回农历 y年m月的总天数 function monthDays(y,m) { return( (lunarInfo[y-1900] & (0x10000>>m))? 30: 29 ); } //====================================== 算出农历, 传入日期控件, 返回农历日期控件 // 该控件属性有 .year .month .day .isLeap function Lunar(objDate) { var i, leap=0, temp=0; var offset = (Date.UTC(objDate.getFullYear(),objDate.getMonth(),objDate.getDate()) - Date.UTC(1900,0,31))/86400000; for(i=1900; i<2050 && offset>0; i++) { temp=lYearDays(i); offset-=temp; } if(offset<0) { offset+=temp; i--; } this.year = i; leap = leapMonth(i); //闰哪个月 this.isLeap = false; for(i=1; i<13 && offset>0; i++) { //闰月 if(leap>0 && i==(leap+1) && this.isLeap==false) { --i; this.isLeap = true; temp = leapDays(this.year); } else { temp = monthDays(this.year, i); } //解除闰月 if(this.isLeap==true && i==(leap+1))