随笔分类 - JQuery
摘要:当越来越多的人开始使用mobile设备浏览互联网,站长们也在为他们的网站创建自适应的布局。一个使用应用样式制作的自适应的布局,适合特定屏幕大小。最常见的做法是改变页面布局,从而使多列单栏在屏幕上的空间变得越来越小。然而,有更多的自适应网站,用户能够使用最小的设备友好访问。常见的挑战是缩放图像(和它们的带宽使用率)和使得导航工作良好。有创意的网页设计师在如何创建自适应的导航方面已经提出了一些尝试。最佳方法往往依赖于为桌面用户使用菜单的复杂性。有时只是简单的菜单可以被缩减,例如去掉logos和其他头部元素。菜单与制造元素,另一方面,需要更激进的方法很好地工作。这里最流行的技术是使用一个切换的设计,
阅读全文
摘要:视差滚动是网站管理员可以依靠的最简单的方案之一,尤其是他们需要直接影响网站更快的访问速度,和访客可以享受他们想要的效果。其中可以使用网页视差插件,现在网上有许多资源提供视差教程,以供有兴趣的网站所有者学习,也遇到越来越多的访客惊人的欢迎页面。有很多种方法创建网站,以便吸引第一次访问用户的注意和兴趣。有些人会考虑使用图片幻灯片,也有人认为将他们的图形增加强大的动画效果。目的都是邀请更多的用户到他们的网站,来击败一个网站媒体等方式减缓开放的网页,经历一个糟糕的事件。然而,有一个方法,该方法结合了易于加载图像,而不要求太多的数据的大小,再创建动画的假象。尽管,这里有众多的选择,20个最好的视差滚动教
阅读全文
摘要:自从出现,jQuery就在web领域就引起了轰动,现在它已经成为Web动画效果的最佳解决方案之一。jQuery提供了良好的交叉浏览器支持,并且轻便易用。现在,jQuery在定义和控制小型的Web动画诸多方面已经展示其强大的功能。除非最近的CSS3完全成熟,并被主流的浏览器所支持,否则jQuery将继续保持目前的流行趋势。它还将继续在导航界面,滑动效果/sliders,其它图像呈现方面以及Web字体方面发挥着重要的作用。所以,为了帮助你正确的使用jQuery, 我将在本文中分享一些我收集到的最好的jQuery动画教程。正像你将看到的,这些教程能帮助你提高和掌握制作各种动画效果技能。不过要记住,现
阅读全文
摘要:根据这里列出的jQuery timeline【jQuery时间轴】插件列表,您可以选择一个插件添加到您的网页,来增强您的网站的互动性。实际上,当Facebook决定将它添加到他们的网站设计上,timeline就已经得到了普及。这是一个最好的方式在某段时间段来显示某件事件,比如从媒体的更新到历史的时间,都可以应用这类的效果。我们还可以在一些创意的展示中看到这种效果。这也是代理商展示他们的历史业绩的好方式。我们收集了一些jQuery timeline 插件,您可以选择您喜欢的添加到您的网站中。原文地址:http://www.goodfav.com/15-memorable-jquery-timel
阅读全文
摘要:最近很流行“视差滚动”效果,抛开设计不说,前端上的实现方法很有意思,国内详细的教程不多,所以自己研究别人网站,实践总结。一、例子SmaShingSparkQQ浏览器二、原理传统的网页的文字、图片、背景都是一起按照相同方向相同速度滚动的,偶尔有一些背景固定的网页。顾名思义“视差滚动”就是通过滚动这个行为实现视觉上的层次错落的错觉,从而形成立体的运动效果。其实分析各个优秀的例子网站,不难发现其实原理一样的,手法上也大同小异,都是通过控制多层的透明背景,在滚动的时候不再是只向上运动,而是以不同的速度、不同的方向去运动,再结合现实世界的运动规律,从而达到很棒的视觉冲击和交互三、讲解先分析下SmaShi
阅读全文
摘要:现在有许多方式学习新的内容,但是对于刚开始学习和寻找真正沉迷其中的平和状态的人而言,经典的纸质书籍依旧是首选。我发现阅读一本纸质书籍会让自己远离那些在使用电脑和平板时出现的令人不安的情绪。电子书和播客正在获得越来越多的人们的青睐,同时你也会容易的找到一些书籍的电子版,在javascript上记录数据的一些小技巧会帮助你更好的进行阅读。我必须承认,就参考查询而言,相比于在纸质书上查看索引,电子书确实更快。我所包含的大多数的书,对于初学者而言是有用的,因为它们很好的介绍了javascript语言,并且通过例子介绍了新的思想。当我发现jquery框架所提供的优势对于如今的javascript开发者是
阅读全文
摘要:应用jQuery菜单插件可以让浏览者在浏览你的网页时获得最好的动态导航。jQuery是一个轻量级、跨浏览器的JavaScript框架(库),效果非常给力,它强调并简化了JavaScript、CSS和HTML之间的交互过程。使用jQuery,你可以改变网站的外观,使其看起来更加出众,并且容易程度远超你的想象。在这里,你可以提供动态的而且观感非常与众不同的界面,这种界面很受浏览者的欢迎。导航栏作为网页设计的最重要的部件之一,需要非常简洁可用,并且同时也富有创造性,以免使用者因为找不到所要找的按钮而离开。jQuery是提高网页导航质量的有力工具,这篇文章将会综合介绍一些最新、最酷的jQuery菜单插
阅读全文
摘要:现在,最热门的网站分页趋势之一是jQuery的无限滚动(也即瀑布流)。如果你碰巧观察Pinterest的网站,如Facebook,Twitter和deviantART的,你会发现无限滚动的动作,当旧的内容自动加载,当你到达页面底部的。这将鼓励访客的网站停留更长的时间,并进一步阅读的网站提供更多相关的内容,无需用户任何操作自动。从设计和可用性的角度来看,无限滚动导航容易的,因为内容的加载方式,无需额外的页面加载和没有任何积极的行动,需要从访问者。有了这样的技术,无限滚动的网站有更多的机会获得比传统的分页的网站,其内容暴露。这也往往使他们看起来很现代,互动性和趣味性。在这篇文章中,我们与你分享了一
阅读全文
摘要:现在的网站越来越离不开图形,好的图像效果能让你的网站增色不少。通过JQuery图形效果插件可以很容易的给你的网站添加一些很酷的效果。使用JQuery插件其实比想象的要容易很多,效果也超乎想象。在本文中,我将介绍超过95个JQuery图形效果插件,它们都可用于图像不同方式的呈现,尤其是在创建动态的艺术网站的时候,JQuery将给你完美的解决方案。你可能需要不同功能和效果的JQuery插件,比如你创建一个在线的电子杂志,这个时候你可能需要jQuery翻书插件。另外一个常见的流行效果是图像或内容幻灯效果,你可以创建超酷的滚动效果。如果你有用到或发现好的JQuery插件,欢迎给我消息,我会在后续的时间
阅读全文
摘要:思路:1.首先要定位实现这种效果的元素 ,本次通过class2.如果是动态显示不同的提示内容,需设置title3.通过JQ给定位到元素加上 mouseover 和mouseout 事件4.再完善下,弹出框跟随鼠标在目标元素上移动5.再把 mouseover 、mouseout 合并成 hover//页面加载完成$(function () { var x = 10; var y = 20; //设置提示框相对于偏移位置,防止遮挡鼠标 $(".prompt").hover(function (e) { //鼠标移上事件 this.myTitle = this.title; //
阅读全文
摘要:原文地址:http://www.goodfav.com/40-cool-jquery-animation-tutorials-1189.html由于它的到来,已经引起了jQuery的网络风暴,现在是创建漂亮的网页上的动画的首选解决方案之一。 jQuery提供了很大的跨浏览器支持,它是轻量级且易于使用的。现在,你可以看到一些应用方式,有效地展示其定义和控制小规模的网页动画的jQuery效果。直到CSS3的完全成熟,有足够的支持主要的浏览器和所有的新技术,jQuery将继续领先。我们仍然可以看到很多其应用在导航界面中,滑块和其他图像显示结构,在提高网页的排版和更多向前发展。因此,为了帮助你的工作,
阅读全文
摘要:原文地址:http://www.goodfav.com/jquery-touch-event-plugins-3632.html作为移动设备的触摸屏非常流行的今天,越来越多的网站进行了优化,提供移动用户的最佳体验。使用jQuery的触摸事件插件,其实很简单,要想让触摸屏用户浏览您的网站使用手势触摸!在最近的几年中,需要使网站移动友好和自适应已经把网页设计行业推到了一个浪潮上。现实情况是,出售的智能手机和手机设备的数量大量增加,实际上已经超越了个人电脑销售数量。这就要求把移动设备的触摸屏和一组全新设计的用户界面和互动结合起来。通常用于触摸事件自适应的网页设计中,你会看到,大多数新的WordPre
阅读全文
摘要:基本选择器$("#my Div") 匹配唯一的id值为my的DIV元素$("div") 匹配所有的DIV元素$(".myClass") 匹配具有此class样式值的所有元素$("*") 匹配所有元素$("div,span,p.myClass") 联合所有匹配的选择器层叠选择器$("form input") 后代选择器,选择ancestor的所有子孙节点$("#main > *") 子选择器,匹配ID为main的所有子节点$("label +
阅读全文