2023-12-01 分类: 网站建设
什么
这是一个了不起的库,它可以用几行代码创建漂亮的页面效果。就网站而言,这使它变得更加有趣。
如果你这样想:“孩子,我需要另一个图书馆,就像我需要脑袋一样”,那么加入这个俱乐部。这正是我第一次遇到它时的想法。
我使用过 Moo.fx、TW-SACK 和。参与过RICO、YUI等库的开发。
不,我不再接近了。但是我仍然尽量保持头脑清醒,并尝试继续使用 AJAX 进行思考。
所以当我见面时,我想:“我还需要另一个图书馆吗?不需要,谢谢……”
为什么
为什么我会改变我的看法,为什么你应该考虑使用它?很简单,只要看看你使用的页面,就会发现它是如此的简单易用。只使用了几行。可以表现出非常优雅的效果。有一天突然看到写的一些代码,顿时豁然开朗。早茶的时候,例行的查看订阅,去看每日必看的内容,在设计博客的时候,看到了一个写好的例子。原来这些代码还是有一些浏览器相关的bug,但是这些概念还是我以前从未见过的。
还有那些代码...
代码看起来很简单,看起来不像我以前见过的,但也不是没有道理。
我开始通读文档,惊讶地发现用一点代码可以完成这么多事情。
什么时候
你应该在需要的时候使用它。
给你一个小的库文件DOM强大的控制能力不费吹灰之力的工作,一点点的努力。
或者
快速通过AJAX,无需大量无用代码和一些基本的动画效果
但
如果你需要超级花哨的效果、动画、拖放和超级流畅的动画,那么你可能想要使用它。它是一个拥有大量动画效果的库。
你可以从官网下载他的源代码(10K)。
WHO
是约翰。
.() 是一个在传统中吃苦耐劳的家伙。长期以来,它一直被程序员用作解决客户端页面加载问题的捷径。
但有时等待页面加载速度不够快。
只有少数大图片文件会被快速加载,而大多数大图片文件会使 .() 加载非常缓慢。因此,当我为最近的网络营销创建 Web 应用程序时php获取服务器ie版本,我不得不希望它会更快。.() 周围的一些新研究(例如蛋糕)代码是一种快速方法。有需要的可以试试。
但是如果你想做一些DOM(文档对象模型)编程,那你何不试试呢,就像自己做蛋糕,尝一尝一样。(双关蛋糕,诙谐的话)。
有一个方便的小函数用作快速 DOM 加载,即......它在页面加载之前执行。
$(document).ready(function(){ // Your code here... });
您可以使用它来加载您想要加载的任何编码样式,不一定要保留。也可以同时执行多个功能。
你之前可能见过类似 init() 的函数,你会发现它要快得多。
我们将在以后的教程中一遍又一遍地使用这个函数。
好的,你现在可以试试代码了:(记得把它引用到你的页面中。如果你不记得,请阅读上一篇。)
$(document).ready(function(){ alert("Congratluations!"); });
很容易,不是吗?几分钟内制作的双色表。
本节本身没有多大价值,重点是它提供的示例。重要的部分我会贴出代码和评论:先看看传统的做法:预览地址(可以查看源码)。我们来看看如何用5行代码来做:
星空体育app最新版本(2024已更新)
姓名 | 年龄 | ||
---|---|---|---|
邓国梁 | 23 | 31540205 | gl.deng@gmail.com |
邓国梁 | 23 | 31540205 | gl.deng@gmail.com |
邓国梁 | 23 | 31540205 | gl.deng@gmail.com |
邓国梁 | 23 | 31540205 | gl.deng@gmail.com |
邓国梁 | 23 | 31540205 | gl.deng@gmail.com |
邓国梁 | 23 | 31540205 | gl.deng@gmail.com |
pS: 飘飘说我的table没有,我知错了...
预览地址
这里有一个技巧我不得不提:什么是连锁经营?我们看一下,应该是这样写的:
$(".stripe tr").mouseover(function(){ $(this).addClass("over");}) $(".stripe tr").mouseout(function(){ $(this).removeClass("over"); })
但我们写道:
$(".stripe tr").mouseover(function(){ $(this).addClass("over");}).mouseout(function(){ $(this).removeClass("over");})
因为鼠标移入和移出都发生在同一个对象上,所以我们可以将发生在同一个对象上的动作写在一起。这样,如果对象很多,并且发生了很多动作,就会节省很多钱。代码。(我暂时是这么理解的,不知道是否还望高人指正。)
*
15 Days of (Day 3)---一个巧妙的伪装链接
今天的教程是仓促完成的。想在15天前放一些东西,简单说一下php获取服务器ie版本,免得一些js新手被一堆代码搞糊涂了。事实上,我快要结束了。这个决定是当时做出的。
目标
我们将使用创建一小段代码来转换和伪装页面上的所有超链接。
部分加盟经销商认为,部分用户有足够的洞察力去发现加盟链接,可以尽量避免点击网址链接直接进入浏览器,从而“欺骗”加盟经销商离开代理(假设已经发生购买)
“旧”方法
有许多附属分销商千方百计隐藏他们的链接,以防止人们通过链接找到他们。这些技巧涉及。和服务器端代码。但是对于本教程,我将重点放在“老派”上:
该代码用于在浏览器状态栏中显示用户鼠标指向的链接地址。比如实际链接是,可以在状态栏显示
问题
您是一个非常活跃的子分销商,您可能会以疯狂的速度添加指向许多页面的链接。而且你必须在每个链接上添加这个效果,那么你肯定会感到无聊。加入有一天你要修改任务栏 估计显示链接的时候你会抓狂的。
解决方案
首先,我们想尽快伪装我们的链接,所以我们应该从这里开始:
当 DOM 准备好时,我们放入其中的代码开始执行。
下一个
在所有我们要伪装的链接上加一个,这样可以帮助我们找到需要伪装的链接,留下其他不需要伪装的链接。有两个作用: 当鼠标移到链接上时,会出现一个小框形状 提示显示网址: 并且在浏览器的状态栏中显示相同的信息(仅限IE)。
"http://www.affsite.com?id=123" title="http://www.affsite.com" class="affLink">Super Duper product
告诉查找带有 = "" 的链接
$('a.affLink')
添加鼠标悬停事件
$('a.affLink').mouseover(function(){window.status=this.title;return true;})
简单的说:查找所有带有=“”的链接,将鼠标悬停在浏览器状态栏信息上时,将其更改为链接的内容。这不能正常工作,但只能在 IE 中工作。It 中的状态栏仅显示“完成”,或者更准确地说,将鼠标悬停在超链接上对状态栏没有影响。我没有更多的浏览器测试。
继续——让我们使用“链式”方法,像这样:
$('a.affLink').mouseover(function(){window.status=this.title;return true;}) .mouseout(function(){window.status='Done';return true;});
这段代码告诉你改变浏览器的状态栏信息,或者当鼠标不在链接上时返回“完成”。如果你不习惯链的工作方式,那么你可以这样写:
$('a.affLink').mouseover(function(){window.status=this.title;return true;}); $('a.affLink').mouseout(function(){window.status='Done';return true;});
由你决定。
把这些代码放在一起:
最后的想法。有的人可能觉得今天的课程太简单了,有的人可能还有点不清楚,因为你们不是二级经销商。
在接下来的“日子”中,你会看到我得到更多,并与你或不。
该规则提到了如何防止垃圾邮件:不要将您的电子邮件地址放在任何一个:链接中。在与垃圾邮件作斗争的过程中,我们的网页设计师和程序员总结了一些创造性的解决方案。让我们快速看看这些常用方法的一些缺点(或多或少)。
名称 [无垃圾邮件]
问题:链接类型更方便,在收件人字段中输入电子邮件地址可能会出错。
当前文章:what是一个了不起的库,它可以创建出漂亮的页面效果
本文地址:/news41/297991.html
成都网站建设公司_创新互联,为您提供网站维护、Google、星空体育app最新版本(2024已更新)、自适应网站、品牌网站设计、企业建站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容