资讯频道 → Web前端
阅读更多

16顶
1踩

Web前端

翻译新闻 16个优秀的JavaScript教程和工具推荐

2011-10-31 15:38 by 资深编辑 luiang1018 评论(7) 有9813人浏览
JavaScript jQuery 教程

本文为大家收集了16个优秀实用的JavaScript效果及其制作教程，希望你喜欢。

 

1. 使用CSS和jQuery设计一个垂直滚动的菜单


 

2. 使用jQuery设计漂亮而受欢迎的幻灯片效果

 


3. 使用jQuery设计流畅的标签式菜单


4. 使用jQuery实现无刷新提交表单


5. 用Node.js与jQuery采集Web页面信息


6. 用jQuery和CSS实现简单的工具提示


7. 用jQuery制作一个分页系统

 

 

8. 给图片添加标题


9. Coda：漂亮的气泡弹出插件

 

10. 从头开始设计一个jQuery图片裁剪插件

 

11. 设置用“Control+Enter”提交表单


12. 使用Canvas将黑白图片转换成彩色图片


13. 实现无需jQuery的twitter滚动代码


14. Wordpress的图片画廊主题：Thumbnails Navigation Gallery 

 


15. 制作泡泡般的幻灯片过渡效果

 


16. Blackbird：基于JavaScript的日志查看和过滤工具

 

 

 

Via DJDesignerLab

 

  • 大小: 49.2 KB
  • 大小: 33.4 KB
  • 大小: 56 KB
  • 大小: 72 KB
  • 大小: 28.2 KB
  • 大小: 46.1 KB
  • 大小: 71.3 KB
  • 大小: 94.3 KB
  • 大小: 14.5 KB
  • 大小: 92.3 KB
  • 大小: 48 KB
  • 大小: 139.3 KB
  • 大小: 71.9 KB
  • 大小: 52.6 KB
  • 大小: 83.1 KB
  • 大小: 32 KB
16
顶
1
踩
评论 共 7 条 请登录后发表评论
7 楼 273611924 2011-12-14 10:51
hehch 写道
第14个的菜单标题不支持中文显示、、、

支持的
6 楼 hehch 2011-11-21 09:31
第14个的菜单标题不支持中文显示、、、
5 楼 wanxkl 2011-11-07 11:18
恩，很不错啊。
4 楼 mahengyang 2011-11-07 11:12
万夫不当之勇蛙式
3 楼 mahengyang 2011-11-07 11:11
这么强大太给力了
2 楼 whatwhat 2011-10-31 17:01
不错。。。。。。
1 楼 GoodWell 2011-10-31 15:49
很好，很实用嘛！！！

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • javascript开发工具WebStorm教程用户界面简介中文WORD版

    资源名称：Javaｓｃｒｉｐｔ开发工具WebStorm教程用户界面简介 中文WORD版   内容简介： 本文档主要讲述的是Javaｓｃｒｉｐｔ开发工具WebStorm教程：用户界面简介；WebStorm是一款优秀的...

  • 16个优秀的JavaScript教程和工具

    http://www.iteye.com/news/23202

  • 学习使用grunt来打包JavaScript和CSS程序的教程

    在JavaScript的世界里，随着Node.js的流行，JavaScript原生的构建工具已经成为可能。 Grunt.js是基于Node.js的自动化任务运行器。Grunt.js结合NPM的包依赖管理，完全可以媲美Maven。Grunt.js天然适合前端应用程序的...

  • 基于Node.js的JavaScript项目构建工具gulp的使用教程

    也许你使用过grunt,那么这里来安利gulp的话就更加不会陌生了,下面我们就来看一下基于Node.js的JavaScript项目构建工具gulp的使用教程

  • JavaScript 动画制作教程 exe工具

    JavaScript 动画制作教程 exe工具 JavaScript 动画制作教程，一本压缩成EXE格式的电子书，直接打开就看到内容了。这本小册子通过制作 一个图像动画特效为主线向大家讲解JavaScript动画制作的基本技巧，分四步讲解本...

  • javascript 好教程

    NULL 博文链接：https://zfwdl2005.iteye.com/blog/1041918

  • javascript教程_Angular2入门

    资源名称：Javaｓｃｒｉｐｔ教程_Angular2 入门   内容简介： 本文档是Angular2 入门;Angular1.x显然非常成功，那么，为什么要剧烈地转向Angular2? AngularJS当初是提供给设计人员用来快速构建HTML...

  • javascript教程

    NULL 博文链接：https://sunny-java-163-com.iteye.com/blog/661777

  • jasmine-JavaScript单元测试工具

    jasmine是一个用来编写Javascript测试的框架，它不依赖于任何其它的javascript框架。它有拥有灵巧而明确的语法可以让你轻松的编写测试代码。

  • JavaScript教程

    教程 博文链接：https://qmug.iteye.com/blog/230181

  • JavaScript 教程 （详细 全面）

    JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。...JavaScript 诞生于 1995 年，几乎是和互联网同时出现；

  • Babel：JavaScript 编译工具视频教程.txt

    Babel：JavaScript 编译工具视频教程.txt 前端必备技能，助你快速掌握

  • react-lessons:用于创建和学习交互式React教程的工具

    React教训React Lessons是一个受启发而创建和获取交互式教程的。学习教程教程包含许多课程。 每节课可以包含一个或多个步骤（在页面的右上角编号）。 一个课程步骤包括： 散文提供学习资料。 用于编写练习步骤材料的...

  • 实例驱动的JavaScript教程，帮助你快速上手.pdf

    本课程是一门针对初学者的JavaScript基础入门教程，旨在帮助学习者快速掌握JavaScript编程语言的基本概念和应用技巧。无论你是完全没有编程经验的新手，还是具备其他编程语言知识的学习者，都能从本课程中获得实用的...

  • chariot-tooltips:一个用于在屏幕上逐步创建教程JavaScript库

    一个用于创建分步工具提示教程的Javascript库，它使用背景覆盖使焦点集中在您关心的元素上。演示版观看。动机背景变暗时，工具提示会更好地将焦点吸引到网站上突出显示的元素上。 现有的工具提示覆盖解决方案不使用...

  • Javascript实例教程(19) 使用HoTMetal(1)

    HotMetal PRO 6.0是强大易用的网站编辑和发布工具。在本教程中我们在HotMetal中使用javascript。在HotMetal中,JavaScript支持是基于HotMetal为你提供了丰富的资源以及对象。它包含了几个新的对象，比如访问DOM的对象...

  • javascriptstuff-db：JavaScript资源列表：工具，教程，入门项目，示例代码等

    它是JavaScript工具，示例代码，教程等的数据库。使用GitHub API中的元数据扩展了项目。使用数据要在您自己的项目中使用数据，请参阅 。贡献要添加您的入门项目，教程等： 在找到适当的类别将带有项目URL的拉取请求...

  • H5和JAVASCRIPT实战教程

    WEB开发入门编程，从各种开发工具的讲解到html标签，css元素讲解，js课程系列。

  • 基于ssm的网络教学平台（有报告）。Javaee项目，ssm项目。

    重点：所有项目均附赠详尽的SQL文件，这一细节的处理，让我们的项目相比其他博主的作品，严谨性提升了不止一个量级！更重要的是，所有项目源码均经过我亲自的严格测试与验证，确保能够无障碍地正常运行。 1.项目适用场景：本项目特别适用于计算机领域的毕业设计课题、课程作业等场合。对于计算机科学与技术等相关专业的学生而言，这些项目无疑是一个绝佳的选择，既能满足学术要求，又能锻炼实际操作能力。 2.超值福利：所有定价为9.9元的项目，均包含完整的SQL文件。如需远程部署可随时联系我，我将竭诚为您提供满意的服务。在此，也想对一直以来支持我的朋友们表示由衷的感谢，你们的支持是我不断前行的动力！ 3.求关注：如果觉得我的项目对你有帮助，请别忘了点个关注哦！你的支持对我意义重大，也是我持续分享优质资源的动力源泉。再次感谢大家的支持与厚爱！ 4.资源详情：https://blog.csdn.net/2301_78888169/article/details/144929660 更多关于项目的详细信息与精彩内容，请访问我的CSDN博客！

  • 2024年AI代码平台及产品发展简报-V11.pdf

    2024年AI代码平台及产品发展简报-V11

Global site tag (gtag.js) - Google Analytics