首页 > 开发 > AJAX > 正文

网页制作ajax特效实例

2020-09-19 11:13:23

字体：大中小

来源：转载

供稿：网友

1) noobslide-
八种ajax实现的slide图片文字轮换缓冲滚动效果
演示http://efectorelativo.net/laboratory/noobslide/sample.html

checkout the demo here.下载

2) growl 2.0 with mootools-
图层渐隐渐显效果,
演示: 打开演示页，点击左侧show growl smoke. show growl 即可看到效果
下载:

2) easiest tooltip and image preview using jquery-鼠标移到连接对象上，滑出提示层效果

live demo演示
download from here下载

4) sliding top panel using mootools-仿flash的菜单移动效果

live demo演示
download tutorial from here下载

5) create a slick tabbed content area using css & jquery-tab标签切换内容根据高度自动缓冲移动变化

live demo演示

6) custom javascript dialog boxes-ajax对话框效果，周围页面变灰白色

live demo演示
download tutorial from here下载

7) facebook sliders with mootools and css -
按钮拖动控制图片透明度高宽度

checkout the live demo演示

8 ) making a javascript video player-

checkout the demos here.

9) ajax mosaic builder-
无数张图片组合排列拼贴成一张图的效果

checkout the demo here.演示

10) jquery flipv()-
文字纵向排效果

checkout the demo here.演示
download it from here.下载

11) drag. drop. lock.-
可拖动的层

checkout the live demo演示

12) webappers simple javascript progress bar with css-进度条点中间+ -按钮可以直接预览效果，

checkout the live demo演示
download it from here.下载

13) moowheel-数据图标的动画显示效果
object.

checkout the live demo演示

14) sliding top panel using mootools-

download tutorial from here

15) mocha ui-ajax js仿windows桌面操作的效果，

checkout the demo here.演示

16) ddmenu-
ajax实现右键菜单效果

checkout the demo here.演示
download it from here.下载

17) googledrive-google地图小工具，实现小汽车在地图上行驶，用方向键控制车头必须朝向马路前方，往边上开就会开不下去。

18) glassbox-ajax实现类似vista系统窗口半透明的玻璃效果

checkout the demo here.演示
download it from here.下载

19) protoflow-ajax相片展示效果，左右滚动并有倒影效果

checkout the demo here.演示
download it from here.下载

20) asp.net ajax autocomplete control (facebook look)-类似google搜索输入框,下拉显示相关关键字的效果，

checkout the demo here.演示
download it from here.下载

21) adamnit - js error notification- a free reporting service that emails you when a js error occurs in your webpages.页面js错误提示，点击按钮下方显示对话窗口

checkout the demo here.演示
download it from here.下载

22) flexigrid-数据表格table 纵向的“列” 可以仿excel一样拖动

checkout the demo here.演示
download it from here.下载

23) prettyphoto a jquery lightbox clone-与现在流行的ligtbox 效果类似，点小图，大图弹出，周围页面变灰色半透明。

checkout the demo here.演示
download it from here.下载

24) javascript color fading script-js实现颜色渐变动画效果，鼠标移到表格/文字上，颜色缓慢渐变，而不是一般css实现的颜色直接切换。

checkout the demo here.演示
download it from here.下载

25) rotator-

checkout the demo here.
download it from here.

26) kotatsu - a simple html table generator-

27) jquery virtual tour-js虚拟全景，360度环绕图片浏览，鼠标移到图片下方，显示左右及x停止按钮，

checkout the demo here.演示
download it from here.下载

28) usable directory listings with a little dojo-

checkout the demo here.
download a zip of the header and .htaccess files here.

29) cuzillion’-简单的网页版dreamweaver，点击左侧列出的html元素,实时在中间的html代码部分显示，可以拖动改变元素所在位置跟属性,右侧点creat预览页面效果

30) the sliding date-picker-时间表，可以拖动选择特定时间段

checkout the demo here.演示
download it from here.下载

来源:http://www.noupe.com/css/30-exceptional-ajaxjavascript-techniques-recently-created.html

上一篇：Ajax和CSS设计的表格实例

下一篇：Ajax：研究密码强度规则(仿google)

学习交流

windows wamp中配置安装xhprof步骤

windows wamp中配置安装xhprof步骤...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

谷歌为Chromebook应用商店推出优质游戏推荐新版块

2020-09-18 13:06:14

英伟达20GB显存的RTX3080即将发布

2020-09-18 13:04:04

索尼PS5价格公布：399美元起，11月12日开售

2020-09-17 13:37:27

阿里发布首款机器人“小蛮驴” 进军机器人赛道

2020-09-17 13:34:05

消息称快手寻求在香港进行IPO 估值500亿美元

2020-09-17 13:26:10

史玉柱：因游戏作弊陈天桥封了我《传奇》账号一气之下做了《

2020-09-16 13:09:34

疑难解答

图片精选

网友关注