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

16顶
1踩

Web前端

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

2011-10-31 15:38 by 资深编辑 luiang1018 评论(7) 有9805人浏览
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课程系列。

  • MCU固件安全加锁源码：上位机多设备并行加锁与设备端简易使用接口的实现,MCU固件加锁源码 包含上位机和设备端程序 上位机 1. 上位机可以并行加锁多个设备 2. 上位机可以输入自定义Key 设备端程

    MCU固件安全加锁源码：上位机多设备并行加锁与设备端简易使用接口的实现,MCU固件加锁源码 包含上位机和设备端程序 上位机 1. 上位机可以并行加锁多个设备 2. 上位机可以输入自定义Key 设备端程序: 1. 容易移植，容易使用 2. 对接包含存储以及串口接收发送接口即可使用 3. 已加锁的设备不可重复加锁 ,核心关键词：MCU固件加锁源码; 上位机; 设备端程序; 并行加锁; 自定义Key; 容易移植; 容易使用; 存储接口; 串口接收发送接口; 已加锁不可重复加锁。,MCU固件加锁系统：上位机多设备并行加锁源码及易用设备端程序

  • 输电线路单相接地故障测距：不同短路时刻与位置对双端测距法的影响分析,输电线路单相接地测距 搭建如图1所示的35kV输电网模型，输电侧发电机出口电压10.5kV经过升压变压器变至38.5kV，受电侧经降

    输电线路单相接地故障测距：不同短路时刻与位置对双端测距法的影响分析,输电线路单相接地测距 搭建如图1所示的35kV输电网模型，输电侧发电机出口电压10.5kV经过升压变压器变至38.5kV，受电侧经降压变压器降压至6.6kV。输电线路全长100km，架空线路线路正负序参数为：，，，，，。经过计算可得行波线模速度：。通过故障模块设置A相不同短路时刻与过渡电阻发生单相接地，并根据双端行波测距原理进行故障测距，每次设置故障发生点距离首端距离分别为20km、40km、60km、80km，模型仿真步长为秒。 (1)短路时刻对故障测距的影响 分别设置A相电压正峰值、负峰值、过零值以及任意时刻发生单相接地，对应时刻分别为0.0467s、0.0567s、0.0517s和0.0490s，仿真及计算结果入表2-1所示： 由表1可以看出，在使用双端测距方法时，短路时刻对测量结果无影响，只需两侧时钟保持高度同步计时即可。 (2)过渡电阻对故障测距的影响 分别设置A相在任意时刻(0.049s)发生单接地，接地电阻分别为0Ω、10Ω、100Ω、1000Ω，仿真及计算结果入表2所示： 由表2和图4可知，在使用双端

Global site tag (gtag.js) - Google Analytics