整理的40个有用的框架技术和教程

1. Custom Animation Banner with jQuery

在该教程中你将学会如何使用框架的松开插件及2D变换插件创建自定义的动画横幅。教程的想法是将不同的元素以自定义动画的形式融入到横幅中去

查看实例

2. Moving Boxes Carousel with jQuery

你将学会如何创建一个拥有改变面板及缩放面板的按钮的滑块

查看实例

3. Quick Feedback Form jQuery PHP

通过框架和服务器端编程语言(专业超文本预处理器的缩写)实现的快速填写反馈表单的实例

查看实例

4. Wijmo jQuery UI Widgets

Wijmo是一个拥有超过30个框架用户界面小部件的库

查看实例

5. One Page Navigation jQuery Plugin

这是一个在同一个页面中如何平滑的导航的实例

查看实例

6. RSS Reader With jQuery Mobile

7. Easy Accordion jQuery Plugin

安德里亚西马塞尼奥蒂的简易手风琴插件将获得你的定义列表，并生成一个漂亮流畅的水平手风琴

8. Lettering jQuery Typography Plugin

在这篇文章中，你将学习如何创建，例如印刷的CSS3海报，或者真正自定义类型的标题，同时保持文本可选

9. Annotation Overlay Effect with jQuery

创建一个简单的叠加效果来显示注释

10. Snippet jQuery Syntax Highlighter

片段是一个很酷的框架语法高亮插件，构建在一套合作式软件开发管理系统上的双阶混炼挤出造粒机组脚本之上。代码片段框架插件提供了一种快速简单的方法来突出显示超文本标记语言文档中的源代码段落

11. Google Powered Site Search With jQuery

在本逻辑教程中，您将学习如何简单地通过使用谷歌的AJAX搜索应用编程接口来创建一个品牌化的定制搜索引擎，使用该原料药，您可以在您的网站上搜索图像、视频和新闻项目——您还可以获得一般的网络结果

12. Build a Better Tooltip with jQuery Awesomeness

在本教程中，它展示了如何快速编写一个框架插件，该插件将使用更闪亮的东西来替换典型的浏览器工具提示

13. Simple Tooltip jQuery CSS

在Soh Tanaka的这篇教程中，你将学习如何使用框架创建简单的工具提示，以及如何使用半铸钢钢性铸铁(Cast Semi-Steel)创建令人难以置信的简单样式

14. Coda Popup Bubbles

jQuery教程向您展示了如何创建光滑的弹出气泡，当悬停在目标对象上时出现

查看实例

15. Exposure jQuery Plugin

暴露是jQuery JavaScript库的一个图像查看插件。它旨在创造丰富的、完全可定制的观看体验，并且可以处理非常大量的图像，而不会将您的带宽消耗殆尽

查看实例

16. Giveaway Randomizer App jQuery

在本教程中，您将学习如何创建一个专用的随机化器框架应用程序

查看实例

17. jQuery Smooth Tabs Plugin

jQuery平滑选项卡是一个易于使用的插件，它允许您显示带有一些效果的内容，以获得更好的用户体验。所有你需要的是一个单一的容器，你想要的标签和内容，一些不错的半铸钢钢性铸铁(Cast Semi-Steel)和图像

查看实例

18. TN34 Timetabs jQuery Plugin

马里奥阿尔维斯的这个框架插件创建了一个标签容器，它可以在每个周期自动切换到下一个标签。它与大多数现代浏览器兼容

查看实例

19. Full Page Image Gallery with jQuery

在本教程中，您将创建一个具有可滚动缩略图和可滚动全屏预览的惊人的全页面图库

查看实例

20. bgStretcher jQuery Plugin

bgstreamer(背景拉伸器)是一个框架插件，它允许您将一个大图像（或一组图像)添加到网页的背景中，并将按比例调整图像的大小以填充整个窗口区域。如果使用多图像模式，该插件将作为幻灯片显示工作（幻灯片显示的速度和持续时间是可配置的)。

查看实例

21. SlideNote jQuery Plugin For Sliding Notifications

幻灯片备注是一个可定制的、灵活的框架插件，可以轻松地在您的网站或网应用程序中显示滑动通知

查看实例

22. Easy List Splitter jQuery Plugin

轻松列表拆分器将超文本标记语言保持在最低水平。没有不必要的元素或内联样式添加到代码中。您将获得一个干净的纯HTML，其中包含一些类，您可以将其用作钩子来轻松地设置列表的样式。选择是垂直还是水平排列列表项目。然后，您可以决定是修改默认的半铸钢钢性铸铁(Cast Semi-Steel)还是应用新的CSS .

查看实例

23. Create a Slide Tabbed Box using jQuery

向您展示如何创建一个设置模块选项卡界面，当您单击选项卡时，该界面会左右滑动内容

查看实例

24. Create a Tabbed Interface Using jQuery

这个非常详细的分步教程将向您展示如何使用框架创建选项卡式界面

查看实例

25. jQuery Tabbed Interface

选项卡式界面或选项卡式结构菜单向您展示了如何使用带有向下/向上滑动效果的框架构建自己的选项卡式界面

查看实例

26. Create Sliding Image Caption with jQuery

本图片库教程向您展示了一种有趣的交互技术，当用户将鼠标悬停在特定图像上时，字幕会向上滑动以显示该图像的更多信息

查看实例

27. Image Cross Fade Transition

本教程将向您展示如何淡入另一个图像，当用户悬停时叠加到当前图像上。这是显示特定图像更多信息的好方法

查看实例

28. Image Reveal using jQuery

这个快速简单的教程向您展示了通过观察窗口事件来隐藏和显示元素的概念

29. Slider Gallery

在这篇教程中，你将学会如何创建基于框架用户界面的滑动画廊。

查看实例

30. Simple jQuery Image Slide Show with Semi-Transparent Caption

它展示了如何使用框架创建一个带有半透明标题的简单图像幻灯片。它适合在你的网站首页显示新闻标题，或者图片幻灯片

查看实例

31. Create an Amazon Books Widget with jQuery and XML

创建如何利用框架和亚马逊应用编程接口在内容区域内显示产品，在这个高度参与的逐步教程中，内容区域是可水平滚动的

查看实例

32. Building a jQuery-Powered Tag-Cloud

标签云是向博客访问者展示可用的主要感兴趣主题的好方法。标签云中还包含其他信息

33. Simple jQuery Spy Effect

在本教程中，您将发现一种创新技术，用于模仿数字磁带处理程序现已停止运行的挖掘间谍应用程序

查看实例

34. Creating a Floating HTML Menu Using jQuery and CSS

这个基于框架的导航菜单教程将向您展示如何创建一个菜单，当您滚动时，该菜单会跟随您上下翻页

查看实例

35. Horizontal Slide Nav Using jQuery CSS

学习创建一个壮观的滑动导航，当用户悬停在导航项目上时，会触发其动画

查看实例

36. Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP

这是一个详细的教程，展示了如何使用jQuery PHP创建一个不引人注目的Ajaxed混合购物车，并可以指导您使用Ajaxify任何您可能已经在使用或编码的电子商务软件。购物车的主要功能是向购物篮添加/移除物品，而不需要刷新显示具有效果的动作的页面

查看实例

37. Create a Digg-style post sharing tool with jQuery

创建一个看起来像数字磁带处理程序的社交书签工具。看起来很酷，实用又有用！我还包括科莫多媒体的社交书签图标和一个点击书签提交网址的长列表

查看实例

38. Create an amazing music player using mouse gestures hotkeys in jQuery

我们将使用鼠标手势和快捷键结合XHTML、jQuery技术创建音乐播放器。你可以使用鼠标点击、拖拽操作音乐播放器

查看实例

39. Creating a Virtual jQuery Keyboard

这个教程会解释我们怎么实现一个简单的虚拟键盘

查看实例

40. Quick Tip: Resizing Images Based On Browser Window Size

在流体布局中，当窗口调整大小时，很容易格式化文本以进行良好的调整，但是图像并不像流体那样友好。这个快速提示向您展示了如何根据浏览器、div或您决定作为决定因素的任何东西的当前大小在两种图像大小之间进行切换

查看实例原文链接：http://www。1个清扫器。com/CSS/有用-jquery-技术-教程/