深圳网站设计制作欣赏

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

最佳Ajax、DHTML和JavaScript-第一部分

2017-07-20  阅读: 深圳网站建设设计

最佳Ajax、DHTML和JavaScript-第一部分
在这篇文章中,深圳网站建设想介绍我们的第一个系列,介绍一个广泛的开发人员套件,它可以提供一个有用且功能强大的工具箱,您可以在开发基于Ajax的Web应用程序时每天使用它。滚动技术,渐变效果,即时现场编辑、互动元素,视觉效果,动画,幻灯片,手风琴,星级和其他有用的JavaScript的例子,你可以找到方便的同时发展你的下一个AJAX的Web应用。第2部分即将到来,敬请关注!

滚动技术

1)Ajax动态滚动页面——该脚本从服务器加载内容,并将其插入页面中的空HTML元素(例如div标记)中。可以动态添加新页面,脚本将向下滚动到新页面的内容。

2)控制。上卷–控制。上卷是原型和us的JavaScript框架的扩展。它是利用控制滑块Script.aculo.us和延伸,随着内容的容器夹控制。


3)文本卷动–的另一种方式来滚动文本利用鼠标动作。

最佳Ajax、DHTML和JavaScript-第一部分

4)具有动态提示Slider DataPager–最小的一种平滑滚动的JavaScript代码。
梯度效应

最佳Ajax、DHTML和JavaScript-第一部分

5)CSS文本渐变-文本渐变是一个简单的CSS技巧,它允许你只使用CSS和PNG图像,在系统字体标题上放置渐变,从而提高网站的外观。

最佳Ajax、DHTML和JavaScript-第一部分

6)CSS渐变文本效果–创造有趣的标题没有PS图象处理软件渲染每个标题。

AJAX即时编辑

7)即时编辑

最佳Ajax、DHTML和JavaScript-第一部分

8)digg风格更新字符打字时如何使文字将根据你有多少个字符输入的更新的一部分,一旦你达到你的极限就无法打字了。

9)轻松的ajax内联文本编辑2 -让人们在不必使用提交按钮的情况下在线编辑一段文本。

像的影响

最佳Ajax、DHTML和JavaScript-第一部分

10)使用JavaScript和Flash的SWF图片替换黑暗艺术,swfir解决某些标准HTML图像设计的局限性及其广泛接受相关的CSS值,同时还支持基于标准的设计概念。

11)样式你的图像链接伟大的脚本,允许用户给他们的链接图像添加悬停效果。

12)放大镜–允许你添加一个放大镜(放大镜)到您的网页上的图像。它使用不显眼的JavaScript来保持代码的整洁,并在所有主要浏览器中工作。

Ajax的星级评级

13)starbox:原型-星级脚本starbox允许您轻松地创建各种评级盒仅使用一个PNG图像。该库是建立在JavaScript框架原型之上的。

14)阿贾克斯球星rating-a极少,尚未完成,一星评级系统解决方案!

最佳Ajax、DHTML和JavaScript-第一部分

15)狂热的收视率v1.2-rabidratings是一个简单但眼缓存的评级系统,它允许用户网站的速度几乎任何。

手风琴

16)简单的JavaScript手风琴一个最小的手风琴的脚本是非常简单,易于集成。不需要任何的框架和跨浏览器兼容。

17)–这手风琴是一种插件RapidWeaver。它从文本和图形构建一个动态的交互式菜单驱动的界面。

幻灯片和图片

18)mooflow–MooFlow是一个基于JavaScript库看起来像苹果的iTunes´。

19)flickrshow–为您提供在自己的网站上展示你的Flickr照片集的最简单的方法。

操纵领域

最佳Ajax、DHTML和JavaScript-第一部分

20)textboxlist满足使用AutoSuggest /自动在搜索领域允许用户添加或删除术语使用Mootools库自动完成。

21)显示开关v0.1-the思想是模仿的功能,发现在桌面应用程序,用户可以点击一个复选框,同时继续按住鼠标,可以移动到其他复选框,切换以及他们。

拖放

22)拖放排序列表

23)拖放-用于图像和图层。

工具提示

24)如何添加高级工具提示您的照片上的这篇文章说明了如何使用Taggify部件与不错的功能在您的照片显示弹出式提示人们提高你的博客。

25)好的标题——链接上的标题应该以相当漂亮的方式显示,Safari当前显示拖动链接。

26)气泡提示–气泡提示添加一个简单的方法(通过一些CSS和JavaScript)花哨的工具提示
对任何网页都有一个气球形状。

日期,时间和日历

27)calendar–its the javascript DHTML弹出/日历或平坦的DHTML that is for选择合适的日期/时间。

datejs–datejs 28)是一个开源的JavaScript库的日期。

最佳Ajax、DHTML和JavaScript-第一部分

29)This is a calendar–JS跨浏览器JavaScript日历。

Ajax的头像

Ajax的头像script–30)This is an example of a中的脚本。它使用AJAX(asyncron JavaScript and XML)to send to the server的投票。Ajax is also used to return to the results from this调查你的浏览器。

31 how to make an Ajax poll)

must see examples

32)shadedborder圆-角with JavaScript的阴影。check out the演示

我们可以改变文字大小33)with the text size for JavaScript readability更容易改变,这可以有一点be implemented easily and some javascript HTML to attach it to。

34)花式形态是通过脚本used to provide the replacement”复选框的终极Flexibility in Changing the appearance and Function of HTML的form元素。check out the演示

35)search–Ajax检查你的域(Instantly com域名org,INFO,.,,最好的,.us)。

36)购物车推到购物车having the idea of the user我们跟着滚动页面。

37)timeline–时间表是基于DHTML控件ajaxy for visualizing基于事件的时间。它就像是基于Google Maps for时间信息。

这类原型window–38)to add允许JavaScript窗口在你的HTML页。

最佳Ajax、DHTML和JavaScript-第一部分

39)widget–国际象棋国际象棋ajax控件,这是使用Ajax检索分析国际象棋data from the server。

40)clickheat |点击热图是视觉heatmap–clickheat of点击我们的HTML页,点击热辣和冷的地区。

41)scrollovers–scrollovers are a way to quickly and add to easily天赋你的网站的用户体验,给他们一个没料到的。

(42)是使用JavaScript平滑滚动滑块使数据页上显示最后with this的效用。

将文章分享到..