10种AJAX/JavaScript特效实例让你的网站更吸引人

news/2024/5/10 13:45:31/文章来源:https://blog.csdn.net/qq_36617521/article/details/67639152
1.GreyBox 
 
  GreyBox 允许你以模式窗口的形式运行其它网站(类似于弹出式窗口,但又不运行新的浏览器窗口).如果你的网站上有一些其他网站的导出链接,但你又不想让你的用户离开你的网站或不想让他们打开另一个浏览器窗口的话,这真的是一个很好的解决方案。使用GreyBox 非常简单。 

  这里是关于GreyBox的关键页面:下载页面, 说明页面, 实例, 安装,和 高级用法(如果你是JavaScript高手,看完这个页面中的一些技巧说明,你就能扩展它的函数库了) 


2.instant.js 
 
  instant.js 特效会为你的照片动态添加类似偏振(Polaroid-like)的效果(将照片倾斜并添加阴影和边框)。现在我们可以使用这个照片特效模拟Photoshop的数码照片处理了。 
  这个脚本技术可以用于在你的网站上有很多照片,但又不想一个个手动处理的情况。(也许你会使用批量处理,但那只是建立于单一的动作下的,如调整尺寸、裁剪等…) 

3.mooTable 
 
  mooTable允许你为表格中的数据进行排序(不用刷新页面),利用DOM替代数据库的请求的新式排序方法。使用简单,仅需轻微的配置即可。 
  这个脚本库需要mooTools框架的支持,你可以在这里下载。你还可以在论坛中的mootools板块寻找一些创建mooTable的方法,会有很多mootools开发者的反馈。 

4.FancyForm 
 
  FancyForm 可以取代单调乏味的表单控件如单选按钮和复选框。基本的使用仅需两步:(1)在页面中调用JavaScript文件 (2)为你的表单控件指定类名,如复选框指定class=”checked” 或 class=”unchecked”,单选框指定class=”selected” 和 class=”unselected”。非常不显眼的javaScript. 
  该脚本需要mootools的支持(版本1.1) 

5.image menu 
 
  image menu,使用phatfusion开发而成。非常漂亮的横向菜单,当你悬停在某个菜单项上时,图片就会扩展开。 
  你可以使用这个技术为照片的隐藏部分使用蒙太奇效果,但当用户将鼠标悬停在上面是就会显示全部。
  该脚本需要mootools的支持(版本1.1) 

6.AmberJack: Site Tour Creator 
 
  这是一个轻量级的JavaScipt库,允许你为网站添加实施快速游览。允许用户事实的在浏览每个页面的时候查看简短的描述。 
  您可以利用这个技术来演示如何让用户使用这个网站,用户只需要点击下一步的按钮,就能了解需要做的每一步。 


7.ImageFlow 
 
  灵感来源于iPod的“coverflow”,ImageFlow是一个用来展示图片集合的特效。用户可以拖动下方的滚动条来控制图片的显示。 
  用户点击图片以后,会转向到现实清晰大图的网页。 

8.ShadowBox.js Media viewer 
 
  ShadowBox是”完全使用JavaScipt编写的跨浏览器、跨平台、代码简洁且文档完整的媒体查看应用程序”(怎么样?一口气说下来这么多优点。) 
  ShadowBox区别于其它Model Box(如Lightbox 2)的地方是,它还支持除图片以外的很多其它文件类型,如flash视频、内嵌式youtube视频、Apple.com预告片和网页(这样能让用户不用转到另一个页面就能完成登录、注册)。这是很有价值的脚本。 

9.TJPzoom 3 - image magnifier 
 
TJPzoom可以让你将某个高清图片的局部放大显示。按下并拖动鼠标的话,可以改变放大区域的尺寸。 

10.mootools Tips 
 
  mootools Tips是mooTools框架的一部分,它可以让你为用户提供一个高度可配置的工具提示,当用户将鼠标悬停在某个链接或图片上时,一些关于这个元素的附加的提示信息就会在屏幕上显示出来。 
  一些可以调节的方法:CSS 样式(可以修改默认的黑背景白文字)、渐变速度、工具提示在屏幕上显示的风格、你希望工具提示显示多久。这个脚本需要mootools框架的支持。 

英文原文:10 JavaScript Effects to Boost Your Website’s Fanciness Factor 
翻译原文:10种JavaScript特效实例让你的网站更吸引人 
原载:彬Go——集前端开发/网页设计/网站可用性/用户体验于一体的趣味互联网生活

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_814492.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

php网站安装向导下载,PHP安装向导 引导用户安装源码

作为一名伪phper,肯定少不了自己开发web系统项目。如果项目是面向大众的,需要他人安装你的产品,不可缺少的就是需要弄个安装向导,这样才能让他们简单轻松的安装你的产品。如果你觉得没必要,觉得写个文档教程就可以&…

Apache 降权 禁用php,网站降权的解决方法是什么

网站降权的解决方法是:1、定时定点更新内容,并持续增加数量;2、外链的平台要多样性;3、避免网站中出现过多的重复内容;4、保证网站健康、安全、合乎法律法规。一、网站降权网站降权的现象:1、收录减少2、关…

多人维护一份文档必须知道的管理网站-接口的github

传统维护文档方式1.word格式文档2.在线markdown文本 API管理的痛点 API接口在设计时往往需要编写大量的文档,而且编写完成之后还会经常改动,文档编写维护工作量大。接口文档编写好后,实际的代码可能会与文档有出入,这个时候文档是…

前端开发学习网站

1、http://www.runoob.com 转载于:https://www.cnblogs.com/goodboy-heyang/p/4678600.html

apache virtualhost配置 apache配置多个网站

第一步 apache下httpd.conf文件 启用模块LoadModule vhost_alias_module modules/mod_vhost_alias.so 第二步 apache下httpd.conf文件&#xff0c;启用文件Virtual hosts# Virtual hostsInclude conf/extra/httpd-vhosts.conf NameVirtualHost *:80 <VirtualHost *:80> D…

120行代码爬取电子书网站

无聊的练习。。。貌似网站真的有毒&#xff0c;我的电脑多了一个广告。。。fuck 换做好几年前我们看电子书都是在网上下载txt文件的书籍&#xff0c;现在各种APP阅读软件实在方便太多。 那么txt的文件就没用了吗&#xff1f;不呀&#xff0c;可以下载放kindle阅读呀&#xff0…

前台模板 海豚php_WP网站模板开发中,怎样给分类目录添加SEO标题和关键词?

作为一个wordpress网站的站长&#xff0c;都希望自己的网站在百度或谷歌搜索引擎上的排名好。这时&#xff0c;我们除了要做好wordpress网站的内容之外&#xff0c;还要对wordpress网站做好相关的SEO优化。在前面的章节中&#xff0c;我们介绍了wordpress网站首页的SEO优化&…

静态资源文件自动压缩并替换成压缩版本(大型网站优化技术)

原文:静态资源文件自动压缩并替换成压缩版本&#xff08;大型网站优化技术&#xff09;这一次&#xff0c;我总结和分享一项大型网站优化技术&#xff0c;那就是在项目中自动压缩静态资源文件&#xff08;css、js&#xff09;&#xff0c;并让网站自动加载压缩后的资源文件。当…

临阵磨枪,血拼季网站优化的最后三板斧

2019独角兽企业重金招聘Python工程师标准>>> 【编者按】本文作者 Dennis Callaghan 目前就职于 Callaghan&Partners。本文中&#xff0c;作者分享了购物高峰期提高网站性能的三个建议&#xff0c;帮助电商网站解决性能难题&#xff0c;提升用户体验&#xff0c;…

用户访问网站的完整流程

在浏览器输入想要访问的域名之后&#xff0c;浏览器会进行域名解析获得IP地址&#xff0c;在经过TCP的连接&#xff0c;实现数据的传输就会有两种报文&#xff0c;及请求报文和响应报文。最终才能实现通信。因此想要实现通信&#xff0c;就得先弄懂DNS的解析原理以及TCP连接通道…

网站定位之---根据IP获得区域

记得以前做一个培训机构网站时候需要定位&#xff0c;那时候用的搜狐的api&#xff0c;不是很精准。 demo:https://github.com/dunitian/LoTCodeBase/tree/master/NetCode/3.常用技能/06.Position/01.IPToPosition 后来做电商的时候用的新浪的api&#xff0c;感觉还行&#xff…

网站收录工具(php导航自动收录源码)_让百度快速收录网站的办法(简单可行)...

让百度快速收录网站最直接的方式是把网站链接提交给百度&#xff0c;能让蜘蛛快速发现页面而不是等着百度蜘蛛自己发现&#xff0c;收录慢不说&#xff0c;如果网站结构有问题&#xff0c;可能还抓取不到某些页面&#xff0c;从而不收录。百度提交网站收录的方式有快速收录和普…

java支付宝开发-02-手机网站支付

源码已上传github&#xff0c;欢迎专注&#xff1a;https://github.com/shirayner/alipay-wap 一、基础部分 1.手机网站支付产品介绍 1.1 阅读官方介绍&#xff1a; 手机网站支付产品介绍 1.2 看完官方的介绍之后&#xff0c;可以做出如下总结&#xff1a; 通过接入此接口&…

大型网站系统架构的演化

2019独角兽企业重金招聘Python工程师标准>>> 前言 一个成熟的大型网站&#xff08;如淘宝、京东等&#xff09;的系统架构并不是开始设计就具备完整的高性能、高可用、安全等特性&#xff0c;它总是随着用户量的增加&#xff0c;业务功能的扩展逐渐演变完善的&#…

可以发外链的网站_SEO优化就是写文章发外链吗?到底该怎么优化一个网站呢?...

点击箭头处“蓝色字”&#xff0c;关注我们哦&#xff01;&#xff01;在某个群里有很多“大侠”对SEO优化很是有误解&#xff0c;有的人说优化就是使劲的发文章&#xff0c;把外链做到极致就可以了&#xff0c;也有的人对优化不屑一顾&#xff0c;觉得优化没技术含量&#xff…

网站输入正确账号密码页面刷新一下_对某钓鱼网站的一次渗透测试

文章作者&#xff1a;Mochazz文章来源&#xff1a;Mochazz的博客原文链接&#xff1a;https://mochazz.github.io/2019/07/01/对某钓鱼网站的一次渗透测试/周末在某个CTF群偶然看到这个钓鱼网站&#xff1a;http://gggggg.cn (声明&#xff1a;本文中出现的域名、IP均被替换&am…

免密登录_以Airbnb为例,用selenium免密登录网站

大家好&#xff0c;这篇文章介绍了如何通过selenium利用cookie免密登陆网站&#xff08;第一次写文章 &#xff09;zzh2027/zzh2027.github.io​github.comfrom selenium import webdriver from selenium.webdriver.common.keys import Keys## 模拟键盘用的包 from selenium.we…

SEO流量定义,什么是搜索引擎优化策略营销?

SEO流量定义&#xff0c;什么是搜索引擎优化策略营销&#xff1f; 搜索引擎优化&#xff08;SEO&#xff09;看起来非常简单。你挑选几个关键词&#xff0c;然后瞧&#xff01;您的网页针对搜索引擎优化进行了优化 还没。 很多人都明白SEO的基本原则&#xff0c;但在过去的十年…

疯狂的多域名富关键词网站优化策略

疯狂的多域名富关键词网站优化策略 SEO中一个被很多人看重的排名因素就是根域名含有关键词&#xff0c;中文也一样&#xff0c;就是含有拼音&#xff0c;在相同的条件下&#xff0c;显然根域名含有关键词就有较好的排名&#xff0c;有一些SEO.er利用搜索引擎的这个排名策略&…

实时搜索SEO如何应对

实时搜索(Real-time Search)已经大势所趋&#xff0c;不是SEO不明白&#xff0c;是互联网变化太快&#xff0c;每天都有新名词&#xff0c;每天都有新主题&#xff0c;搜索引擎如何为用户及时的返回丰富又有意义的即时结果&#xff0c;Google推出Caffeine也正是适应这种趋势&am…