<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="css/rss.xslt"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>木偶提线</title><link>http://www.taotg.com/</link><description>木偶提着线牵着提线木偶</description><generator>RainbowSoft Studio Z-Blog 1.8 Walle Build 100427</generator><language>zh-CN</language><copyright>Copyright 2010 TaoTg.com. Some Rights Reserved.</copyright><pubDate>Tue, 21 Feb 2012 15:02:40 +0800</pubDate><item><title>重新认识水瓶座</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/205.html</link><pubDate>Tue, 21 Feb 2012 15:01:53 +0800</pubDate><guid>http://www.taotg.com/post/205.html</guid><description><![CDATA[<p>1 水瓶座会给朋友打分  <br /><br />其实与其说是理性地打分，倒不如说是感性的感觉，感觉上是慢慢越来越近了，或者说可以越来越近，还是越来越远。 但前提一定是，这个人的言行一致，自然。  <br /><br />如果有人因为觉得水瓶会对朋友打分，而不自然，或者刻意去表达自己深邃的思想，这样反而会让瓶子觉得和你说话有些怪怪的，而敬而远之.  <br /><br />瓶子心目中的朋友是有很多类的，有可以闲话家常的，可以聊世界观人生观的，一起打球的，或者就是感觉舒服的。  <br /><br />只要你足够坦诚地对待瓶子，瓶子就有可能拿你当朋友。瓶子可以欣赏每一个人的独特之处，也能包容你身上 所具有的人性的一些小小弱点。  <br /><br />至于你的那些闪光的思想，独特的见解，等到和瓶子熟了，需要发表的时候再发表吧。瓶子不会因为你没说这些而觉得你浅薄，也不会因为你说了这些而觉得你深刻。  <br /><br />瓶子实际上并不会在理性上去评价你。只是当你们对一件事情的看法刚好一致时，会让瓶子觉得很亲切，有认同感。可以慢慢拉近心理的距离，或者哪怕现在还没有那么近，至少在瓶子心里是觉得可以慢慢变近的。  <br /><br />如果你和瓶子的观点不一样，也没有关系，你可以和瓶子开诚布公的讨论你们的观点差异，就算最后还是有差异，瓶子也会求同存异，不会苛求你们的观点一定要一致。  <br /><br />瓶子自己不会评价自己的朋友，而且会不认同别人对瓶子的朋友的评价。举例说明一下：  <br /><br />别人觉得你说话不经大脑，瓶子可能喜欢你的率直可爱。  <br /><br />别人觉得你不够圆滑，瓶子可能喜欢你的质朴  <br /><br />别人觉得你不够活泼，瓶子可能喜欢你带来的安宁的感觉  <br /><br />别人觉得你咋咋呼呼，瓶子可能喜欢你带来的活泼氛围  <br /><br />别人觉得你不够上进，瓶子可能喜欢你的恬然轻松  <br /><br />别人觉得你太过严肃，瓶子可能喜欢你的踏实稳重 。。。  <br /><br />总归，别人所要求的一切条条框框，在瓶子这里，都没有意义。 瓶子喜欢的，是一个真实的，诚恳的你。  <br /><br />2 水瓶的固执、思维方式、忽冷忽热  <br /><br />[水瓶的固执]  <br /><br />基本每个水瓶都会有自己的独有的一整套的世界观、人生观、价值观，等等。 如果说水瓶像一台计算机，那么水瓶的这些自成一套的观点，则类似于计算机的操作系统。而水瓶的成长过程，其实是这台计算机的操作系统自我完善的过程。  <br /><br />当水瓶面对别人的不同时，不同的思维方式，不同的价值观，不同的文化，不同的历史，等等等等，基本上都是可以接受的。就像是计算机有了开放式的操 作系统，可以运行各种各样不同的其他软件一样。这些软件，可以运行，但是不允许修改操作系统&mdash;&mdash;除非是特意留出来的一部分允许你改的。  <br /><br />这个操作系统，只要你不试图去修改其系统文件，它会乐于提供一个很友善的平台，接纳各种不同的观点。它的兼容性很强，很少会做非彼即此的选择，它希望的是求同存异，世界上的一切不同，能够和谐共存。  <br /><br />但是，当有人试图修改水瓶自己的那套观点时，一向温吞的瓶子可能会突然激烈地表明自己的观点和立场，当然也有可能置之不理。但是，不论哪种情况， 瓶子所坚持的观点是不会改变的。因为这个时候，对于瓶子来说，对方要改变的已经不仅仅是一个观点，而是他的以这些观点互为支撑的一整套系统。  <br /><br />很多人觉得无法得知瓶子的操作系统是什么样子。其实，瓶子可能早就说过了。但是，在绝大多数人的眼里，瓶子说的那些都只是一些大道理，或者是理想主义情怀。很少有人能够想到，其实这些理想化的不切实际的思想，可能正是瓶子骨子里最为坚持的东西。  <br /><br />[水瓶的思维方式]  <br /><br />说瓶子像一台计算机，不仅仅是指他具有类似于系统文件一样不可改变的固执，其实他的思维方式和处理问题的方法，都有点儿像计算机。  <br /><br />瓶子最善于处理的是逻辑推理类的问题，凡是符合逻辑的，瓶子都会比较容易理解和接受。而不符合逻辑的，瓶子则会反复地想，甚至可能绕进一个死循环。  <br /><br />对于一件事情，水瓶习惯从各个方面进行多种分析，对每种分析结果采取相应的对待方式或态度。而在别人眼里，同一种现象，瓶子的对待方式或态度却千 差万别。所以，总有人会拿自己的理解，去找每种情况的差异，进而来解释瓶子的处理差异。而别人眼里的差异，可能对于瓶子来说，根本就不是差异；瓶子分析出 来的差异，别人又无从得知。  <br /><br />而且最麻烦的一点，是水瓶基本不会对自己的做法作任何解释。其实如果肯解释，人家就能更明白一些，对水瓶的误会也就会少一些。 但是水瓶的天性之一，就是不喜欢解释。真的解释了，很多感觉就不对了。尤其是不太能说出对别人的好，而更倾向于用行动表达。  <br /><br />究其原因，可能是瓶子本能地觉得，言语是最不牢靠的东西。一句话只要说了来了，不同的人就会有不同的理解。即使人们用的是同一种语言，也很难通过语言完全地理解说者想要表达的意思，也很难完全感受到说者的感受。所以有时会排斥言语的东西，而更注重行动，更注重感觉。  <br /><br />也正因如此，水瓶对那些和自己思维方式相似，不必自己解释就能够理解自己的人，会觉得特别亲切，很感激，有种找到同类的感觉。会非常的珍惜。 而思维方式相差太大的人，就算解释了，对方也很难明白，可能还会觉得是在狡辩，所以水瓶有时宁可不去解释。  <br /><br />[水瓶的忽冷忽热]  <br /><br />其实感情也像是运行在操作系统上的一种程序。瓶子在投入一段感情时，可能会一时忽略了操作系统，就像是你运行一个全屏显示的程序，会看不到操作系 统的桌面。如果没有什么内在冲突，这个程序就会一直这么运行下去。但是，如果有内在冲突，操作系统还是会突然跳出一个警告来。这时的瓶子，就会在感性中突 然变得理性起来。  <br /><br />有时不是内在冲突，也会让瓶子突然理性。那就是，如果瓶子很投入一段感情，可能会变得很粘人，很依赖对方的感情，一旦这种趋势达到一定的程度，让瓶子开始害怕失去的时候，瓶子的理性思维就开始运行了。这时的瓶子，很可能也会突然冷却一下。  <br /><br />如果这时瓶子的另一半一如既往,坚定地在那里温暖地看着瓶子，瓶子觉得没有失去的威胁，则其理性会慢慢地被感性融化，继续沉醉下去。  <br /><br />但是，如果瓶子的另一半看到瓶子冷却，自己也变得冷却，那么，可能瓶子就会觉得失去的威胁真的存在，理性可能会恢复的更多一些。当瓶子达到一个心 理上不那么害怕失去对方的程度（这种程度，有可能只是瓶子自己感觉自己可以做到，而实际情况是否如此，并不一定），瓶子就又肯纵容感性思维的运行了。  <br /><br />如果瓶子的另一半本身就是忽冷忽热的，可能这样瓶子反倒不会再忽冷忽热。 因为对方冷的时候，瓶子的理性会冒出来，所以不会太过沉溺于自己的感性，从而也就不那么依赖对方，也不那么害怕失去。但是这种情况下，瓶子的投入受对方冷热的影响，可能会造成瓶子无法完全的投入。  <br /><br />所以，表面上看上去很稳定的瓶子，其实未必很稳定，要看其另一半是否给了他足够的安全感。而看上去忽冷忽热的瓶子，可能反而会趋于稳定。  <br /><br />3 水瓶座的友情、爱情，及暧昧  <br /><br />[水瓶座的友情、爱情]  <br /><br />不同于瓶子思考问题的冷静理性，在和人打交道时，瓶子对对方的印象最初却是基于感性的。  <br /><br />瓶子对人的好感，往往缘于一些细节：你的一句话刚好说出了他心里没说出的想法，可能会让他觉得和你心有灵犀；一个傻呵呵的憨憨的微笑，可能会让他 感觉很亲切；你的一句个脱口而出的想法，可能让他觉得你很率真。。。有了这种基本的好感，瓶子的最外面的那道心门就开始对你敞开。也就是说，你有可能成为 瓶子的朋友，走进瓶子的心里。  <br /><br />只是，瓶子的心里，是很长很长的一条道，有着无数的心门。真的想要走入瓶子的内心，就需要通过那一道又一道的门。在这长长的路途上，不同的人停在 了不同的门前。但是，这些人同样可能是瓶子很重要的朋友。瓶子接纳各式各样的思想，也能接受各式各样的朋友，欣赏每个人的不同之处。  <br /><br />能否通到瓶子的心里，影响的不是瓶子对你的友情，也不是你在瓶子心里的重要程度，而仅仅是瓶子的共鸣感。能够最深地走进瓶子的心里的人，必定是思想上和瓶子有着最多共鸣的人。而这样的人，也必定是最能真正深刻地理解瓶子的人，而不是仅仅通过瓶子的三言两语妄加推测的人。  <br /><br />所以，瓶子的至交，可能是思想深刻，言辞犀利的人，也可能是单纯善良，不善言辞的人。  <br /><br />一个朋友，只要取得了瓶子足够的信任，瓶子就会对他没有什么分别心，想对方所想，感受对方的感受。瓶子只相信自己眼中的对方，决不会轻信别人对其的揣测。  <br /><br />正是由于瓶子对朋友的感情可以如此之深，所以瓶子在投入这样的感情之前，总是需要漫长的时间。因为瓶子很明白一个道理，路遥知马力，日久见人心。所以人们在瓶子真正投入之前，看到的，往往是一个飘忽的，来去自如，难以捉摸的影子。  <br /><br />至于瓶子的爱情，最能让瓶子深入投入的，恐怕还是那种值得瓶子信赖，同时又能让瓶子有深刻共鸣感的人。如果瓶子有幸能够找到这样的伴侣，瓶子稳定 固执的特性才能最有效的发挥出来。因为信赖，瓶子可以彻底投入；因为共鸣，瓶子可以彻底地稳定。两个人一起，坐看云起，笑谈花开，谁都不必刻意地去解释自 己的心态，自己的想法。一个对视，便能深切地进入对方的思想。花未捻起，微笑已在唇边。  <br /><br />但是世上这样的感情很难求。知音难求，更何况是知音般的恋人。所以，瓶子的另一半，最终可能只是满足让瓶子信赖的基本条件，甚至有些连这个条件都不必满足。当瓶子自知寻觅知音无望时候，是可以接受一个人，好好过日子的。 只是在瓶子的眼里，你会发现，少了很多光芒。  <br /><br />[水瓶座的暧昧]  <br /><br />瓶子会很享受和聊得来的朋友聊天，也很依赖这种感觉。一般这样的朋友，都是比较能够接受并理解瓶子自己独特的想法，能够自然真诚地面对瓶子的人。  <br /><br />瓶子会很珍惜这样的朋友。并且希望友情真的能够长久。所以，当水瓶的朋友慢慢地想要演变为男女朋友，而水瓶还没有这样的想法，那么水瓶的第一个反应可能是：糟糕，要失去这个朋友了。这时的瓶子，是很难做到因为不想成为对方的男女朋友而再也不理对方的。  <br /><br />由于瓶子自己的爱情往往是由友情升级的，所以瓶子会觉得对方可能是由于友情升温而造成的，所以理所当然地想要冷却一下，希望等对方不那么热情了， 两个人还可以恢复到做朋友的状态。其实很多人的感情并不像瓶子这样是慢慢升温得来的，所以在别人看来，就是瓶子处理感情问题不够干脆利落，在玩暧昧。  <br /><br />瓶子通常不会在意别人的想法，因为自己清楚自己的心理。但是，如果对方也这样认为瓶子，那么瓶子可以很快地收回对对方的依赖。瓶子需要的是对方的友情，如果对方不肯给，那么瓶子宁可什么都不要。这就是所谓的瓶子的决绝。  <br /><br />常看到一些说法，大致的意思是，越是复杂难懂的人，越会吸引水瓶。这种情况下，对方是有可能吸引瓶子。只是，对于瓶子来讲，对方与其说是一位迷人的异性，倒不如说是一款可以挑战瓶子智力的智力游戏。瓶子有没有兴趣去解开这款游戏，要看心情。  <br /><br />真正能吸引水瓶的，其实是那种水瓶可以很清楚地了解其思维逻辑，思维方式，而刚好两个人又有共鸣的人。如果水瓶根本无法理解对方的想法，那么可能对方越是表现的高深复杂，水瓶会逃得越快。  <br /><br />4 水瓶的聪明  <br /><br />关于聪明，记得以前看过一段很经典的大盗盗宝的故事。  <br /><br />大致的情节是，一个大盗，和一个和尚打赌，要盗取和尚的一串念珠。大盗潜入和尚的住处，终于盗取了念珠。和尚要夺回念珠，双方开始激烈的打斗。在 打斗过程中，和尚无意中在留意房梁，大盗就明白真正的念珠应该在房梁上，于是就转而要去房梁上找，和尚急了，拼命阻拦。最后大盗终于跳上房梁，拿到了念 珠。  <br /><br />此时，两个人的赌局已分了胜负，原本应该是和尚输了，可和尚却很得意，宣称大盗盗取的，其实是假的。真正的念珠，其实就是大盗先前盗取的那串。房梁上的念珠，是故意用来迷惑大盗的。  <br /><br />大盗把自己盗取的念珠交给和尚，和尚发现这就是那串真正的念珠，原来大盗已经意识到房梁上的是假的，所以趁着越过房梁的时候，又换了回来。  <br /><br />很有趣的一个故事，在这个故事里，假设盗取念珠是一个测试，那么真正能够通过测试的，只有两类人：一类是心思特别简单的，盗取了念珠就以为是真的，根本没有去怀疑真假，更没有观察和尚的神情，当然也就不会被误导，就这么稀里糊涂地得到了真正的念珠。  <br /><br />另一类人就是特别聪明的，能够注意到和尚的神情，但同样也能够意识到和尚在此安排了陷阱.而绝大多数的人，可能都会被迷惑。因为他们心思不那么简单，所以会有所怀疑，但是又没那么复杂，所以会被陷阱所迷惑。  <br /><br />很多时候，其实水瓶座的所作所为很简单，简单到没动任何的心思。很多事情都是随性而为，没有任何的目的，也没有任何的逻辑。  <br /><br />水瓶的心思，就像那串真的念珠，就是放在那里，很容易被拿到。人们如果一道弯都没拐，就直接地理解水瓶，那么很容易理解。如果拐了一道弯，又能再拐一次，也能拐回来，回到本初的状态，到达理解。最怕的，是那些拐了一道弯，却又不会再拐一道的，就南辕北辙，相去甚远了。  <br /><br />心思单纯的人，没有想那么多，就会觉得这串念珠很容易拿到阿，就去拿了，就拿到了，而且不去怀疑，也不去更换，那就真的拿到了。  <br /><br />特别聪明的人，可能先前会觉得这串念珠很容易拿到，后来又觉得好像不太对劲，毕竟水瓶作起逻辑推理时，看上去很聪明的样子，他们日常生活里的所作 所为，真的是那么简单吗，于是开始怀疑，开始求证。但是到了最后，却能够发现，其实水瓶真的很简单。最初拿到的那串念珠，真的就是真的。这样也能够明白水 瓶的心思。  <br /><br />其余的人，开始也会觉得这串念珠很容易拿到，后来也会觉得不太对劲，也能走到怀疑、求证的阶段，但是，往往到了这一阶段，就走不出来了。所以，总 是会拿着一串假的念珠，来进行鉴别分析。分析的最终结果，也就可想而知了。而最可悲的是，这些人可能永远都拿不到那串真正的念珠，永远都是拿着那串假的念 珠以为是真的。也就会永远都在抱怨，怎么这串念珠这么差啊？这么古怪啊？这么难以理解啊？  <br /><br />所以，水瓶真正能够交心的知己，一般是两类人：一类是心思很单纯的，不会怀疑水瓶的动机和为人；另一类是很有智慧的，看得到水瓶的聪明，却明白水瓶不会动用心机。其余的人，不论怎样怀疑揣测水瓶的心思，水瓶都不会太在意。由此，也就背了个冷漠的名儿。  <br /><br />那么，为什么水瓶这种很善于逻辑推理，思维可以很缜密的人，却不喜欢动用心计呢？原因很简单：因为水瓶很懒。这点，可以看得出老天在造人时的慈悲和幽默。老天给了水瓶这样的头脑，却又给了水瓶热爱自由的天性，让水瓶不屑于为了任何所谓的名声、权力去牺牲自己的自由。  <br /><br />在水瓶看来，动用心思和头脑去玩，比如做智力游戏，才是值得的。要水瓶和人打交道的时候动用心计，那就像是拿一条一条的绳索绑住了水瓶，水瓶本能 地想要逃跑。所以水瓶和人交往的时候，其实往往是没什么想法的。对于水瓶来说，最好的状态，就是可以什么都不用想，大家都开开心心的，和平、和谐，万物共 存。  <br /><br />简单的赤子之心，才是水瓶这辈子最希望保持的。  <br /><br />5 水瓶的合群与孤僻  <br /><br />人们在和瓶子打交道时，往往会有这样的感觉：大家在一起时，相谈甚欢，瓶子的情绪乐观，思维活跃，对人对事都比较能包容，对你也表现出了很大的友善。你觉得这是一个可以结交的朋友。  <br /><br />但是你们分开后，瓶子就好像消失了，没有时不时地嘘寒问暖，也没有定期的联络感情。你联系他/她，他/她也还是同样的亲热友善，但是却等不来他/她的主动联系。  <br /><br />于是你开始疑惑：这个瓶子，是不是对我没有好感？我的什么言谈举止让瓶子厌烦？什么话得罪了瓶子而不自知？ 进而开始推测：既然瓶子对我没有好感，当时的笑容必定是虚假的。友善的表情必定是面具。  <br /><br />最后开始有些恼怒：瓶子真虚伪！  <br /><br />近距离观察瓶子，就会发现，在人群中，瓶子是比较合群的，言谈举止很容易隐匿在人群中，不会特别的冒出来；但日常生活里，瓶子往往又沉浸在自己的 世界里，想法和很多人都不一样，并且不以为意。这种差别，大概来源于瓶子对于事物多样性的喜好，不喜欢单调、重复、无趣的东西。  <br /><br />所以，大家在一起时，瓶子会很享受人多的热闹，享受不同的人的不同的思想，不同的性格，享受人的多样性。 当各自回家后，非单身的瓶子会很享受自己的二人世界，单身的瓶子也会很享受独自一人的平静。  <br /><br />朋友的友情，对于瓶子，更多的是一种心理的认同。有了这种认同，友情就被深深地定形下来，不会随着时间而改变。这种心理的认同，往往来源于一个人的真诚善良。这样的品质，会让瓶子觉得你是一个值得信赖的人，可以作为朋友。  <br /><br />瓶子友情的表现，只会在你需要的时候体现出来，而不是通过隔三差五的小聚来证实或加深。所以，不必担心瓶子有多久没有联系过你。瓶子认定的朋友，往往都是一辈子的朋友，绝不会随着时间而改变。  <br /><br />6 水瓶最易受到的误解  <br /><br />凡事有其利，必有其弊。  <br /><br />作为一个瓶子，可能这一生中或迟或早，或多或少地都会受到相似的误解&mdash;&mdash;那就是总有些人，在某一时段，把自己当作一个很有心计的人。当然，最后，那些人总是会意识到自己的错误&mdash;&mdash;虽然这些人可能终其一生也未必能真正地理解水瓶。  <br /><br />为什么水瓶容易遭到这样的误解呢？原因大致可以归结为下述几点：  <br /><br />原因一：水瓶的逻辑思维比较强，给人的感觉，往往是比较聪明。或者说，在面对一些问题时，水瓶往往能想到一些别人想不到的方法。这样，与水瓶处于一定的利益关系中的人，往往会担心，水瓶会不会把这份聪明用来对付自己。  <br /><br />关于水瓶的聪明，前面已经说过，（请参见&ldquo;4 水瓶的聪明&rdquo;），不再赘述。以水瓶的懒惰，如果不是因为想要把事情做好，断然是不肯多动一下脑子的。而就算是想要把事情做好，和平主义的水瓶也往往是追求双，从提高效率等科学的方法入手，而不会以和人斗为乐。  <br /><br />原因二：水瓶的为人处世的方式，一般都比较低调不张扬。这种处世方式，其根源可能是因为水瓶喜欢从心里感受到的自由自在。而对于或多或少喜欢被关 注，享受成为众人瞩目的焦点的人来说，对这样的举动便会很难理解。所以自然而然地会觉得水瓶的一举一动都十分可疑，觉得水瓶工于心计，老谋深算。  <br /><br />原因三：水瓶的敏感&mdash;&mdash;水瓶往往比较敏感，会很在意别人的感觉。所以在和人打交道时，倾向于，让对方感觉舒服，对人友善。这一点，很容易被那些无利不交往，或者是看惯了别人无利不交往的人，视作别有用心地拉关系。  <br /><br />原因四：水瓶不喜欢表明自己的想法&mdash;&mdash;这一点应该说是瓶子的通病，习惯于当一个闷瓶子，以行动去实现自己的想法，而不会动辄表决心，表态度。所以自然容易成为猜疑的人的首要猜疑对象。  <br /><br />总结了这么多，其实说白了，误解水瓶的人，无非是因为思维方式、为人处世的方式，都与水瓶不同，所以往往会以自己的想法，或者一般人的想法，来揣度瓶子，也就越看越觉得心惊了。  <br /><br />7 水瓶的距离感  <br /><br />每个瓶子，似乎都会或多或少的，和别人保持一定的距离。  <br /><br />这种与生俱来的距离感，使得瓶子能够在心理上和思想上，保有自己的一方天地。就像一小块自种田，种着瓶子精心挑选的花花草草。不论外界是什么样的精彩，瓶子总需要在某个时候，守在田边，看着种子的生长发芽，想着生命的本质和意义。  <br /><br />正是这块自种田，使得瓶子能够在追求自由、平等、博爱的时候，不至于因为过于亲密的关系，而变得狭隘。  <br /><br />就像是一个人面对一片森林，他可以去研究一棵树的种属纲目、年龄、习性，也可以研究整个森林的面积，森林中空气的含水率，土壤的性质等等，整片森 林的情况。瓶子很清楚想要研究整片森林，就必须先要远离一棵具体的树。所谓不识庐山真面目，只缘生在此山中。有时有了距离，才能够看得清楚。  <br /><br />正因如此，对于原本就和瓶子距离比较远的人来说，只会感到瓶子是一个温和理性，没什么起伏情绪的人。而和瓶子关系比较近的人，则容易感受到瓶子的忽冷忽热。冷下来的瓶子，如果没有什么惹其生气的事情，其实就是躲进自己的自种田看花花草草去了。  <br /><br />可能正是因为和别人的这种距离感，所以当水瓶有了自己的另一半时，反而很不习惯和另一半有距离（思想的、情绪的、心理的）。对于水瓶而言，选择了另一半就相当于选择了一棵树，他宁愿从此化为藤蔓，和这棵树缠绕在一起，彼此陪伴，而忽视树后的那片森林。  <br /><br />而两个人之间的距离，则会让水瓶感觉另一半离自己很远，远到隐匿在了那片森林中，感觉不到对方。而自己这棵蔓，也不再有存在的意义。  <br /><br />8 水瓶的信任  <br /><br />与水瓶打交道的人，可能总会有一种感觉，不论自己怎样付出，怎样掏心掏肺地对待瓶子，瓶子好像总是不紧不慢，不冷不热地对待自己。既不会怎样的热情，也不会怎样的冷淡。  <br /><br />当然与瓶子初始的时候，人们很容易感受到瓶子的热心友善，但倘若你以为瓶子就是有着热情如火的性格，那么你迟早会发现那只是表面现象，瓶子的心里，似乎始终是一团温水，温温吞吞地烧着，既不会沸腾，也不会冷却。  <br /><br />你和瓶子看上去只有一步之遥，眉目发丝清晰可辨，于是，你热情地朝着瓶子迈出一大步，以为你们从此就没有了距离，可是你却发现，瓶子并没有动，但 你们之间还有着那一步的距离。于是你又跨出一步，可是距离依然存在。你一步一步地朝着瓶子走，却发现你们之间始终隔着那一步的距离，无形，却无法跨越。  <br /><br />于是，你开始变得疑惑，怎样才能与瓶子没有距离？瓶子到底要怎样才会信任一个人？自己的付出，凭什么就没有回报？  <br /><br />要解释这些问题，用一个比喻比较形象，那就是，瓶子对一个人的信任，就好比银行里的一种存款方式：零存整取。  <br /><br />瓶子对一个人的信任，是需要时间的。别人对瓶子的好，对瓶子的信任，瓶子都会放在心里，很感激。但是天生对&ldquo;一切事物都是在不断运动变化的&rdquo;这种理论分外赞同的瓶子，会觉得别人对自己的好都只是暂时的，不确定的，是受多种限制条件制约了的。  <br /><br />瓶子本来就有很多自己的原则，自己的想法，有很多人是很难理解瓶子的，所以瓶子对于那些还没有完全了解自己的人对自己的好，往往很难完全接受，因 为可能对方多了解自己一些，就会发现自己不是他们想的那样。那么对方喜欢的自己，实际上可能并不是真正的自己，而是对方心里的一个影像而已。自己接受别人 的好，就像是在偷取那个影像该得的好。  <br /><br />只有经过时间的洗礼，那些死党们对瓶子的好，瓶子才会放心地接受，因为他们喜欢的是最真实的瓶子，古怪、懒惰、好奇，而不是那个别人眼中的瓶子，精明、冷静、理智。  <br /><br />也只有在这时，那么长时间中慢慢积累的朋友之间的信任和友谊，才会发生量到质的飞跃，瓶子可以彻底信赖一个人，可以把对方当作真正的朋友去对待。  <br /><br />至于多久才可以由零存变为整取，就要看机缘了</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/205.html" target="_blank">继续阅读《重新认识水瓶座》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=9">个人日记</a> | Tags:  | <a href="http://www.taotg.com/post/205.html#comment" target="_blank">添加评论</a>(0)</p><p><a href="http://www.taotg.com/post/205.html#comment" target="_blank">还没有相关文章，您来说两句？</a></p>]]></description><category>个人日记</category><comments>http://www.taotg.com/post/205.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=205</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=205&amp;key=6722117c</trackback:ping></item><item><title>自己的星盘分析</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/204.html</link><pubDate>Fri, 10 Feb 2012 15:39:29 +0800</pubDate><guid>http://www.taotg.com/post/204.html</guid><description><![CDATA[<p><strong>太阳落在水瓶座</strong></p><p>　　你的性格高尚，温和而坚实，你善良的心相信人类是互助的，而且你常常过份地宽宏大量，过於自我牺牲地对待朋友。你不喜欢看到别人受苦，因此你愿意为任何人解决困难。先天上你非常具理性，你了解人类内心的本性，同时拥有高度的容忍力，你能够忍受人性的弱点，并转化成为犯错是人生成长的必经过程。你自己的个性通常是均衡而健全的。</p><p>　　你富於研究精神，喜爱新鲜的事物，自己常常可以成为发明家或科学家。由於你独特的观察力，与理论的建构能力，常常出现所谓的天才人物，并能成为一位出色的人类行为研究者。</p><p>　　你坚信将来一定会有大同世界的来临，当此一事实将来到时，甚至发动革命以达成目的，你个人的方法并非纯粹地像理想主义者般只说不做，你的手段合乎实际。你的缺点也许就是过份的温和，但有时候，剧烈的行动是必须的，虽然对不倾向暴力极端的水瓶座而言，这是难以接受的事实。</p><p>　　你不易受环境的影响，你只依赖自己心智与精神上的能力，为自己尽最大的努力。你的心地是开阔的，如果想获得最合理解释及判断的话，你是最合适不过的人选。你除了明白自己的处境外，更能看出深藏在每一件事物背後的情势。</p><p>　　有时候你的意见让旁人看来，或许并不那麽切实际，因为你的眼光是放得那麽远，以致於短期内无法实现。无论如何，最後现实的发展总是能印证你的理论是那麽的正确，也许你永远无法看到它成为事实呢！</p><p>　　你并不急於交朋友，一旦成为朋友，你的友谊是非常忠贞。你不特别容易感应肉体上的吸引，精神与心智构成你的情谊。你的泛泛之交可能很多，当你的朋友们提出忠告与帮助时，你会感到非常高兴。</p><p>　　你的智慧是优良的，并且是一位通情达礼的谈话对象，你谈论任何有意义的话题，且措词简要有力，这是来自你所受的良好教导。同时你也喜好音乐，和研究人类心理学。</p><p>　　对於金钱，水瓶座的人不吝啬也不浪费，但愿意为别人的利益而破费，你认为金钱只是一种工具。</p><p>　　你是位优良的父亲或母亲，除了本身讲道理外，而且能谅解小孩，并给予他们自由，然而同时也会给其适当的开导，纠正他们的错误。</p><p>　　一般而言，你的健康状况非常好，可是要提防精神方面的病症。由於你过於发达的心智，让你不太喜欢肉体上的活动。占星学上水瓶座掌管人体的小腿、踝部、腺体的导管，尤其是淋巴腺。</p><p><strong>太阳落在第十二宫</strong></p><p>　　太阳在此位置的人，在某些方面显得有些羞怯，喜欢开拓自我的潜意识，如果你拥有领导地位，那你一定是位居幕後的领导者。你可能相当寂寞，而且和人群保持疏离。他人的心理研究特别能引起你的兴趣，你会在大机构中，如：医院、收容所或精神及生理休养中心工作，在此找到自我表达的方式。服务他人可以使你得到认同及充实感。如果太阳位</p><p>於第十二宫而相位不佳，可能会出现神精质的倾向及过度羞怯以及喜欢秘密地控制他人。由於无意识地自我中心及追求权力地位的欲望，你可能会遭遇隐身於暗处的强势敌人，而自己也可能成为自己最大的敌人。</p><p>&nbsp;</p><p><strong>月亮落在巨蟹座</strong></p><p>　　忧郁敏感又害羞的你，感情丰富细腻，具有关怀别人的能力，但也渴望被人呵护，总依恋著母亲以寻求情感上的庇护和安全感，在情感上不容易长大。你的母亲稍嫌情绪化，照顾子女无微不至，希望子女永远在自己身边。你容易被充满母性光辉的女孩子所吸引。</p><p>　　你的情绪常常起伏不定，一会儿爽朗，一会儿阴郁，既敏感又情绪化，非常地多愁善感。而且依赖性很重，情感细腻容易受伤，需要家人的关爱，非常重视和家人相处的时光。你很爱你的母亲，非常不想长大，但对于朋友，你却会给予照顾。</p><p><strong>月亮落在第六宫</strong></p><p>　　月亮在这个位置，健康受情绪的影响很大，可能会导致忧郁症或其它心理疾病。情绪也同样会影响工作效率，和跟上司及同事间的友谊关系。如果你是上司，通常公司的人事流动率相当大，而如果你是职员，通常你会常变换工作，除非你的月亮是位于固定星座(狮子、天蝎、水瓶、金牛)上。</p><p>　　因为饮食往往是影响健康的主因，所以你有必要学习健康的饮食习惯。你对食物料理相当拿手，所以非常适合朝餐饮业发展。此外，你也相当喜爱宠物及小动物。</p><p>&nbsp;</p><p><strong>水星落在摩羯座</strong></p><p>　　「少年老成」是你的最佳写照，从小就表现出超龄的可靠和稳健，令人放心。虽然你反应不够快，但学习意愿高，努力不懈，善于组织结构，绝不忽视细节处。由于你处事严谨，常无法忍受他人的混乱，所以常像法官一样语带批判。</p><p><strong>水星落在第十二宫</strong></p><p>　　水星在第十二宫，代表一个人的思考，容易受到过去经验及习惯所影响。你的抉择通常是基于感性，而非逻辑推理，因为许多先入为主的印象会无意中浮现而影响了思考。水星在这个位置的人会隐藏内心的想法，通常你羞于说出心中所想。如果水星相位良好，尤其与天王星、海王星及冥王星之间的相位良好，你会是个很有想法、自我主张的人。另外，水星在此一宫位代表想象力非常活跃。</p><p>　　如果水星相位不佳，则可能会有神精质、心理障碍病、留恋在过去的美好经验的倾向，而且很难与外界互动，以致于社会适应相当困难。你在早期的教育上可能不是很顺利，因而造成日后吸收知识上的困难，但持续的努力能克服早期的障碍。</p><p>&nbsp;</p><p><strong>金星落在水瓶座</strong></p><p>　　水瓶金星相当博爱而友善，受到众人的爱戴，人缘奇佳，但对爱却表现得相当理性且中性，不容易坠入情网。与对方成了情侣，可能是因为初时想「拯救」对方的念头使然，给情人一种飘忽不实的感觉。水瓶金星总想保有某种自由而与另一半保持疏离感，爱上他（她），你得要适应这种自由前卫的作风。水瓶金星喜欢有创意才气、特立独行的异性。</p><p><strong>金星落在第十二宫</strong></p><p>　　金星位于第十二宫代表喜好宁静及孤独，你的社交活动通常很隐密，连恋情都会有隐密的倾向，社交方面的羞怯可能会引起寂寞或情爱的挫折。</p><p>　　你的心灵及情感、艺术之间有某种调和，故而可能带来深刻的艺术灵感。许多行为其实都来自无意识、无特定目的。你对于有麻烦的人抱着和善及同情的态度，自己的情感是很敏锐且容易受伤害，这是由于金星擢升的双鱼座之故。</p><p>&nbsp;</p><p><strong>火星落在天蝎座</strong></p><p>　　你深藏能量，斗志高昂，越挫越勇，持续力精人，绝对不轻言放弃。外表冷静压抑，面对危急或胁迫越能显现爆发力，野心勃勃且攻击精准，是个可怕的敌人。对情感需求强烈，容易沉迷于情欲，你适合经由医学消化火星的杀伤力，会是个顶尖的外科医生。天蝎火星容易有生殖系统的病变。</p><p><strong>火星落在第十宫</strong></p><p>　　火星在第十宫代表追求名声及地位。由于你追求事业非常积极，具有高度竞争力，能达到事业高峰。这常使你在政治、企业管理、工程师、军事等专业领域成就非凡。</p><p>　　火星在此位置非常有力，你具有实际所需的开创及行政能力，也能成为有建设性、有创造性的政治领导者。你追求事业的野心通常会为你带来好名声，当然也可能大大失败搞得声名狼藉。如果火星在此相位不佳时，可能会使用非法的手段来获取政治权力或地位。当丑事爆发时，便会造成声名大坏及噩运来临。</p><p>&nbsp;</p><p><strong>木星落在水瓶座</strong></p><p>　　你是理想家兼人道主义者，总是以社会及世界大同为己任，你的运气来自于社会关系。喜欢运用大脑，思想前卫，有宇宙观。只要与群众的福利有关，为团体谋福址的事业都适合你，在音乐、科技、政治、哲学、占卜、太空范畴也有一番作为。小心思想太过于前卫怪异，与人严重脱节。</p><p><strong>木星落在第一宫</strong></p><p>　　木星在第一宫的人有乐观善交际的个性，会集中注意力在人生的光明面，他们通常是诚实值得信赖，友善仁慈的一群，因此广受喜爱，他们的乐观和自信激励了他人，且他们本身通常举止高贵，尤其晚年后，他们通常有好运气，似乎神明都一直眷顾他们。如果相位不佳，他们有可能发胖，也有可能在晚年会自我放纵和自大，简而言之，他们倾向答应太多却做不到。</p><p>&nbsp;</p><p><strong>土星落在射手座</strong></p><p>　　你非常有上进心，努力追求高深学问，是绝对认真的好学生，对文凭有著无比狂热，即使得到多个博士学位，仍然意犹未尽。对于求学问，显得过度严谨而且死心眼，因此，你得要注意成为博学多闻的大学者后，是否还无法填满你那极度渴求知识的欲望。</p><p><strong>土星落在第十宫</strong></p><p>　　土星在第十宫的人相当有利，你的地位相当崇高，有强烈的事业野心，及社会地位，尤其是在29岁以后。若相位不佳，你会因为野心而向原则妥协，而导致运势走下坡，因此小心处理自己不名誉的事情，还好你的错误是可以纠正的。</p><p>&nbsp;</p><p><strong>天王星落在射手座</strong></p><p>　　教育、哲学、宗教在此时将革新，所有陈腐、僵化、不合时宜的传统观念将被颠覆。出生在这个时代的人擅长做宏观性的思考，而传讯及交通也将近入一个新的局面，缩短了世界的距离。</p><p><strong>天王星落在第十一宫</strong></p><p>　　天王星在第十一宫的人有开放的心胸，关心真理、不相信八卦流言，你拥有深刻的直觉，有许多知心的朋友，你对于婚姻及爱情的态度是反传统和放纵的，不希望被固定的关系所束缚，你能接受任何新观念。</p><p>&nbsp;</p><p><strong>海王星落在摩羯座</strong></p><p>　　这时迈入一个比较注重现实的时代，人们希望自己的梦想能够实现，世界政治经济的混乱局面，不断重组更替，新政府、新组织不断出现，而自觉与自醒使得个人主义盛行。</p><p><strong>海王星落在第十一宫</strong></p><p>　　海王星在第十一宫的人对朋友非常慷慨，你会帮助人，鼓励人朝理想迈进，因为过去你曾获得这些帮助，你对人性非常敏感，也热衷于参与各种人文关怀的工作，一旦朋友变成敌人，你会无法承受，故需要冷静地区分益友和损友的差别。</p><p>&nbsp;</p><p><strong>冥王星落在天蝎座</strong></p><p>　　一九八四年后，国际纷争不断，冷战一触即发，造成世界局势的紧张，天蝎与冥王星的结合，强大能量正在蠢动。金融风暴、世纪绝症、波湾战争、共党垮台、天安门事件等，都是这时期的大事。</p><p><strong>冥王星落在第九宫</strong></p><p>　　冥王星在第九宫的人对整体社会秩序有深刻的洞析力，因而能对人类的未来提出重要的预言，你天生是领袖人物，有追求名誉的野心，但当野心过大时，会导致自傲自满的心态。你对社会不公及权威体制无法忍受，因此你是支持革新的一份子。</p><p>&nbsp;</p><p><strong>上升星座在水瓶座</strong></p><p>　　你出生时所配戴的面具是&ldquo;发明家&rdquo;。你的面具很难忍受&ldquo;与人相同&rdquo;这件事。一立以蔽之，你非常有个性而且智慧高。给人的印象是独特、有点古怪、不太会感情用事、看起来很冷漠。</p><p>　　五官端正、鹅蛋脸、额头很高、中等身材、脾气古怪，极端时，看起来就像是个机器人。</p><p>　　但是，如果你将这个面具与自已本身视为一体的话，就会有点麻烦。你不想和别人一样，因此，往往会热衷於古怪的思想和作风，或被新奇事物强烈的吸引。然而，那是相当辛苦的事。你的确与别人不一样，但共通的地方也很多。如果你断然的摘下面具，应当会有很多人能了解你的本意。</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/204.html" target="_blank">继续阅读《自己的星盘分析》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=9">个人日记</a> | Tags:  | <a href="http://www.taotg.com/post/204.html#comment" target="_blank">添加评论</a>(0)</p><p><a href="http://www.taotg.com/post/204.html#comment" target="_blank">还没有相关文章，您来说两句？</a></p>]]></description><category>个人日记</category><comments>http://www.taotg.com/post/204.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=204</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=204&amp;key=9c794935</trackback:ping></item><item><title>google ie 6 和 ff 搜索结果不一样 同一个词搜索结果不一样</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/203.html</link><pubDate>Wed, 17 Aug 2011 20:20:10 +0800</pubDate><guid>http://www.taotg.com/post/203.html</guid><description><![CDATA[<p>希奇真希奇</p><p>今天关注了我自己工作室的网站<a href="http://www.zhihee.com">www.zhihee.com</a> google的排名情况，发现了一个怪事。</p><p>在IE 6 下面和FF（火狐）下面搜索同一个词排名不一样。（我并没有登陆自己的google账号。）</p><p>下面放现张图上来</p><p align="center"><img alt="IE 6 下面的排名第二" src="/UPLOAD/g1.jpg" /></p><p align="center">IE 6 下面的排名第二</p><p align="center"><img alt="FF(火狐)下面的排名第十" src="/UPLOAD/g2.jpg" /></p><p align="center">FF(火狐)下面的排名第十</p><p><a target="_blank" href="http://www.google.com.hk/search?q=长沙网站建设&amp;btnG=搜索&amp;hl=zh-CN&amp;source=hp&amp;aq=f&amp;aqi=&amp;aql=&amp;oq=">http://www.google.com.hk/search?q=%E9%95%BF%E6%B2%99%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE&amp;btnG=%E6%90%9C%E7%B4%A2&amp;hl=zh-CN&amp;source=hp&amp;aq=f&amp;aqi=&amp;aql=&amp;oq=</a></p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/203.html" target="_blank">继续阅读《google ie 6 和 ff 搜索结果不一样 同一个词搜索结果不一样》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=3">SEO方面</a> | Tags:  | <a href="http://www.taotg.com/post/203.html#comment" target="_blank">添加评论</a>(0)</p><p><a href="http://www.taotg.com/post/203.html#comment" target="_blank">还没有相关文章，您来说两句？</a></p>]]></description><category>SEO方面</category><comments>http://www.taotg.com/post/203.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=203</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=203&amp;key=bc88f418</trackback:ping></item><item><title>测试网站访问速度的5个方法</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/202.html</link><pubDate>Tue, 16 Aug 2011 22:55:33 +0800</pubDate><guid>http://www.taotg.com/post/202.html</guid><description><![CDATA[<p>网页载入速度对于一个网站来讲很关键，Google已经将一个网站的载入速度列入了网站关键字排名的考虑因素当中，也就是说如果你的网站有足够的内容，而且载入速度比别人的网站更快一步的话，那么你就是获得更好的排名。那么下面就赶快测试你的网站，提高网站访问速度吧。</p><p><strong>1：用Ping命令简单测网站速度的方法</strong></p><p>Ping可以用来检查网络是否通畅或者网络连接速度，点击开始&rarr;运行 在运行中输入&ldquo;cmd&rdquo;回车或点击确定，输入ping www.你的网址.com 就可以了。</p><p style="text-align: center"><img alt="用Ping命令简单测网站速度的方法-卢松松博客" src="http://www.taotg.com/UPLOAD/20118162257336917.gif" /></p><p style="text-align: center">（新手只需注意本图红框里的含义即可）</p><p>Ping结果属于表示，bytes表示发送多少字节，time是时间，时间越小速度越快，TTL可以判断对方操作系统，TTL=119是XP系统，但TTL一般不准，服务器可以修改注册表更改TTL类型，更详细测速的办法，请多多搜索。</p><p>新手只需看最下面一行即可，最短时间、最长时间和平均时间（时间越短越好），这样你就能大致判断出网站的速度了。</p><p>同样，站长之家的ping工具也不错，网址：<a href="http://ping.chinaz.com/" target="_blank" rel="nofollow">http://ping.chinaz.com/</a></p><p><strong>2：用tracert命令简单测网站速度的方法</strong></p><p>测试方法和ping命令类似，只是ping换成tracert www.你的网址.com， tracert就是用来检测从终端客户到你的服务器所在机房的&ldquo;跳数&rdquo;和响应时间，也就是测试出服务器与全国各地客户的连接速度，当到达任何一个网关的时候,tracert会进行三次测试,并把三次测试的结果以ms为单位显示，当然time时间越短越好。</p><p><strong>3：全方位的免费网站速度测试工具 &mdash; GTmetrix</strong></p><p>gtmetrix.com提供了丰富的详细的测量结果，它结合了Google Page Speed和Yahoo! YSlow的网页速度测试功能，并且提供可行的建议帮你改善网站速度。无需注册为会员即可使用该工具，并建议如何来优化网页中每个元素的，最重要的是会根据网站的具体情况，直接告诉你导致网站加载速度变慢的根源在哪里。</p><p>做为GTmetrix注册会员，你可以设置每天、每周或每月自动测试一次你的网站，可设置测试记录自动保存，还能够同时对4个网址进行对比测试。如果你不知道自己的载入速度到底是快还是慢，你可以输入一个名站来对比结果，比如Google.com</p><p>网址：<a href="http://gtmetrix.com/" target="_blank" rel="nofollow">http://gtmetrix.com</a></p><p><strong>4：比较哪个网站载入速度较快 &mdash; WhichLoadsFaster</strong></p><p>2010年7月7日，FastSoft推出免费动态网站加速互动演示网站 WhichLoadsFaster.com WhichLoadsFaster是一个免费公开网速测试工具，用以促进Web网站间良性竞争让网页浏览速度更快。</p><p>它是通过你的连接，在你的浏览器里，让两个真实的网页在你面前展示出来。所以使用WhichLoadsFaster是反应当前你的网络下来对比两个站的速度的。</p><p>网址：<a href="http://whichloadsfaster.com/" target="_blank" rel="nofollow">http://whichloadsfaster.com/</a></p><p><strong>5：国内免费的网站速度测试平台 &mdash; WebKaka</strong></p><p>这个网站是卢松松一直在用的，卡卡网是国内的一家帮你测试网站页面载入速度的免费站长工具，即时检测你的网站在全国各地访问的有效性、响应时间以及打开速度，目前在全国15个省市、美国、澳大利亚、日本等8个国家均设有检测点。此类网站速度测试工具基本都是国外的，国内的测速服务还比较少。卡卡网主要有网站速度测试、ping检测、路由追踪等功能。</p><p>网址：<a href="http://www.webkaka.com/" target="_blank" rel="nofollow">http://www.webkaka.com</a></p><p>里面的网址我已经收录到博客大全的实用工具中了，当然还有其他很不错的在线网速测试的网站，比如speedtest.cn，speedtest.net等，同时，在你选择网站空间时，能用到本文的一些小方法，相信对你选择物美价廉的空间是个不错的办法。</p><p>文章为<a title="卢松松博客" href="http://lusongsong.com/">卢松松</a>原创</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/202.html" target="_blank">继续阅读《测试网站访问速度的5个方法》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=11">WEB服务器</a> | Tags:  | <a href="http://www.taotg.com/post/202.html#comment" target="_blank">添加评论</a>(1)</p><p><a href="http://www.taotg.com/post/202.html#comment" target="_blank">还没有相关文章，您来说两句？</a></p>]]></description><category>WEB服务器</category><comments>http://www.taotg.com/post/202.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=202</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=202&amp;key=9644e3d8</trackback:ping></item><item><title>JQuery插件大全——强烈推荐：240多个jQuery插件</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/201.html</link><pubDate>Wed, 13 Jul 2011 16:06:00 +0800</pubDate><guid>http://www.taotg.com/post/201.html</guid><description><![CDATA[<h2>JQuery插件大全&mdash;&mdash;强烈推荐：240多个jQuery插件</h2><h2>概述</h2><p><a title="jQuery" target="_blank" rel="nofollow" href="http://www.chhua.com/web-notetag/jquery">jQuery</a> 是继 prototype 之后又一个优秀的 <a title="Javascript" href="http://www.chhua.com/web-notetag/javascript">Javascript</a> 框架。其宗旨是&mdash;写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 <a title="AJAX" target="_blank" rel="nofollow" href="http://www.chhua.com/web-notetag/ajax">AJAX</a> 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在<a title="Logo Kollermedia.at" href="http://www.kollermedia.at/">Kollermedia.at</a>上发现了一篇JQuery插件列表的<a target="_blank" rel="nofollow" href="http://www.kollermedia.at/archive/2007/11/21/the-ultimate-jquery-plugin-list/">文章</a>，特推荐如下。</p><h2>文件上传(File upload)<a target="_blank" rel="nofollow" href="http://images.cnblogs.com/cnblogs_com/Terrylee/WindowsLiveWriter/240jQuery_128F5/JQuery_001_6.gif"><img height="165" alt="JQuery_001" width="396" align="right" border="0" src="http://images.cnblogs.com/cnblogs_com/Terrylee/WindowsLiveWriter/240jQuery_128F5/JQuery_001_thumb_2.gif" /></a></h2><p><a target="_blank" rel="nofollow" href="http://www.phpletter.com/Demo/AjaxFileUpload-Demo/">Ajax File Upload</a>.<br /><a target="_blank" rel="nofollow" href="http://www.pixeline.be/experiments/jqUploader/">jQUploader</a>.<br /><a target="_blank" rel="nofollow" href="http://www.fyneworks.com/jquery/multiple-file-upload/">Multiple File Upload plugin</a>.&nbsp;<br /><a target="_blank" rel="nofollow" href="http://www.appelsiini.net/projects/filestyle">jQuery File Style</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/plugins/project/InputFileCSS">Styling an input type file</a>.<br /><a target="_blank" rel="nofollow" href="http://digitalbush.com/projects/progress-bar-plugin">Progress Bar Plugin</a>.</p><h2>表单验证(Form Validation)</h2><p><a target="_blank" rel="nofollow" href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">jQuery Validation</a>.<br /><a target="_blank" rel="nofollow" href="http://www.dyve.net/jquery/?autohelp">Auto Help</a>.<br /><a target="_blank" rel="nofollow" href="http://www.willjessup.com/sandbox/jquery/form_validator/form_validate.html">Simple jQuery form validation</a>.<br /><a target="_blank" rel="nofollow" href="http://letmehaveblog.blogspot.com/2007/08/easy-client-side-web-forms-validations.html">jQuery XAV &ndash; form validations</a>.<br /><a target="_blank" rel="nofollow" href="http://itgroup.com.ph/alphanumeric/">jQuery AlphaNumeric</a>.<br /><a target="_blank" rel="nofollow" href="http://digitalbush.com/projects/masked-input-plugin">Masked Input</a>.<br /><a target="_blank" rel="nofollow" href="http://www.dennydotnet.com/post/TypeWatch-jQuery-Plugin.aspx">TypeWatch Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/plugins/project/TextLimiter">Text limiter for form fields</a>.<br /><a target="_blank" rel="nofollow" href="http://www.shawngo.com/gafyd/index.html">Ajax Username Check with jQuery</a>.</p><h2>表单－选取框(Form &ndash; Select Box stuff)</h2><p><a target="_blank" rel="nofollow" href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx">jQuery Combobox</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ajaxray.com/blog/2007/11/08/jquery-controlled-dependent-or-cascading-select-list-2/">jQuery controlled dependent (or Cascadign) Select List</a>.<br /><a target="_blank" rel="nofollow" href="http://code.google.com/p/jqmultiselects/">Multiple Selects</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/select/">Select box manipulation</a>.<br /><a target="_blank" rel="nofollow" href="http://code.google.com/p/jqueryselectcombo/">Select Combo Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.msxhost.com/jquery/linked-selects/json/%20target=">jQuery &ndash; LinkedSelect</a><br /><a target="_blank" rel="nofollow" href="http://remysharp.com/2007/09/18/auto-populate-multiple-select-boxes/">Auto-populate multiple select boxes</a>.<br /><a target="_blank" rel="nofollow" href="http://www.sitespotting.it/esempi/002/">Choose Plugin (Select Replacement)</a>.</p><h2>表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.)</h2><p><a target="_blank" rel="nofollow" href="http://www.malsup.com/jquery/form/">jQuery Form Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://code.handlino.com/wiki/jquery-form">jQuery-Form</a>.<br /><a target="_blank" rel="nofollow" href="http://envero.org/jlook/">jLook Nice Forms</a>.<br /><a target="_blank" rel="nofollow" href="http://www.whitespace-creative.com/jquery/jNice/">jNice</a>.<br /><a target="_blank" rel="nofollow" href="http://www.brainfault.com/2007/07/07/pin-plugin-reloaded/">Ping Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://grzegorz.frydrychowicz.net/jquery_toggleformtext/">Toggle Form Text</a>.<br /><a target="_blank" rel="nofollow" href="http://thoughts.kuzemchak.net/entry/toggleval-for-jquery/">ToggleVal</a>.<br /><a target="_blank" rel="nofollow" href="http://www.pengoworks.com/workshop/jquery/field.plugin.htm">jQuery Field Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://code.befruit.com/">jQuery Form&rsquo;n Field plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/checkboxes/">jQuery Checkbox manipulation</a>.<br /><a target="_blank" rel="nofollow" href="http://www.alcoholwang.cn/jquery/jTaggingDemo.htm">jTagging</a>.<br /><a target="_blank" rel="nofollow" href="http://code.google.com/p/labelcheck/">jQuery labelcheck</a>.<br /><a target="_blank" rel="nofollow" href="http://scott.sauyet.com/thoughts/archives/2007/03/31/overlabel-with-jquery/">Overlabel</a>.<br /><a target="_blank" rel="nofollow" href="http://blog.amicoimmaginario.it/2007/08/28/jquery-plugin-3-state-radio-buttons/">3 state radio buttons</a>.<br /><a target="_blank" rel="nofollow" href="http://sanisoft-demo.com/jquery/plugins/shiftcheckbox/">ShiftCheckbox jQuery Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://digitalbush.com/projects/watermark-input-plugin">Watermark Input</a>.<br /><a target="_blank" rel="nofollow" href="http://kawika.org/jquery/checkbox/">jQuery Checkbox (checkboxes with imags)</a>.<br /><a target="_blank" rel="nofollow" href="http://www.softwareunity.com/sandbox/jqueryspinbtn/">jQuery SpinButton Control</a>.<br /><a target="_blank" rel="nofollow" href="http://www.phpletter.com/form_builder/demo.html">jQuery Ajax Form Builder</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/focusfields/">jQuery Focus Fields</a>.<br /><a target="_blank" rel="nofollow" href="http://home.iprimus.com.au/kbwood/jquery/timeEntry.html">jQuery Time Entry</a>.</p><h2>时间、日期和颜色选取(Time, Date and Color Picker)</h2><p><a target="_blank" rel="nofollow" href="http://marcgrabanski.com/code/ui-datepicker/">jQuery UI Datepicker</a>.<br /><a target="_blank" rel="nofollow" href="http://kelvinluck.com/assets/jquery/datePicker/">jQuery date picker plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://code.google.com/p/jquery-timepicker/">jQuery Time Picker</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/timepicker/">Time Picker</a>.<br /><a target="_blank" rel="nofollow" href="http://www.oakcitygraphics.com/jquery/clockpick/ClockPick.cfm">ClickPick</a>.<br /><a target="_blank" rel="nofollow" href="http://labs.perifer.se/timedatepicker/">TimePicker</a>.<br /><a target="_blank" rel="nofollow" href="http://acko.net/dev/farbtastic">Farbtastic jQuery Color Picker Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.intelliance.fr/jquery/color_picker/">Color Picker by intelliance.fr</a>.</p><h2>投票插件(Rating Plugins)</h2><p><a target="_blank" rel="nofollow" href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/#">jQuery Star Rating Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.m3nt0r.de/devel/raterDemo/">jQuery Star Rater</a>.<br /><a target="_blank" rel="nofollow" href="http://riderdesign.com/articles/displayarticle.aspx?articleid=21">Content rater with asp.net, ajax and jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://www.learningjquery.com/2007/05/half-star-rating-plugin">Half-Star Rating Plugin</a>.</p><h2>搜索插件(Search Plugins)</h2><p><a target="_blank" rel="nofollow" href="http://www.vulgarisoip.com/2007/08/06/jquerysuggest-11/">jQuery Suggest</a>.<br /><a target="_blank" rel="nofollow" href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/">jQuery Autocomplete</a>.<br /><a target="_blank" rel="nofollow" href="http://www.pengoworks.com/workshop/jquery/autocomplete.htm">jQuery Autocomplete Mod</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ajaxdaddy.com/demo-jquery-autocomplete.html">jQuery Autocomplete by AjaxDaddy</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.reach1to1.net/saurabh/jplugins/autocomplete/">jQuery Autocomplete Plugin with HTML formatting</a>.<br /><a target="_blank" rel="nofollow" href="http://interface.eyecon.ro/docs/autocomplete">jQuery Autocompleter</a>.<br /><a target="_blank" rel="nofollow" href="http://nodstrum.com/2007/09/19/autocompleter/">AutoCompleter (Tutorial with PHP&amp;MySQL)</a>.<br /><a target="_blank" rel="nofollow" href="http://rikrikrik.com/jquery/quicksearch/">quick Search jQuery Plugin</a>.</p><h2>编辑器(Inline Edit &amp; Editors)<a target="_blank" rel="nofollow" href="http://images.cnblogs.com/cnblogs_com/Terrylee/WindowsLiveWriter/240jQuery_128F5/JQuery_002_2.gif"><img height="193" alt="JQuery_002" width="400" align="right" border="0" src="http://images.cnblogs.com/cnblogs_com/Terrylee/WindowsLiveWriter/240jQuery_128F5/JQuery_002_thumb.gif" /></a></h2><p><a target="_blank" rel="nofollow" href="http://www.jaysalvat.com/jquery/jtageditor/">jTagEditor</a>.<br /><a target="_blank" rel="nofollow" href="http://demo.wymeditor.org/demo.html">WYMeditor</a>.<br /><a target="_blank" rel="nofollow" href="http://garage.pimentech.net/scripts_doc_jquery_jframe/">jQuery jFrame</a>.<br /><a target="_blank" rel="nofollow" href="http://www.appelsiini.net/projects/jeditable">Jeditable &ndash; edit in place plugin for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://www.dyve.net/jquery/?editable">jQuery editable</a>.<br /><a target="_blank" rel="nofollow" href="http://www.jdempster.com/category/jquery/disableTextSelect/">jQuery Disable Text Select Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://15daysofjquery.com/edit-in-place-with-ajax-using-jquery-javascript-library/15/">Edit in Place with Ajax using jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://davehauenstein.com/blog/archives/28">jQuery Plugin &ndash; Another In-Place Editor</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a>.<br /><a target="_blank" rel="nofollow" href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &ndash; in place table editing for jQuery</a>.</p><h2>多媒体、视频、Flash等(Audio, Video, Flash, SVG, etc)</h2><p><a target="_blank" rel="nofollow" href="http://www.contentwithstructure.com/extras/jmedia">jMedia &ndash; accessible multi-media embedding</a>.<br /><a target="_blank" rel="nofollow" href="http://sourceforge.net/projects/jbedit/">JBEdit &ndash; Ajax online Video Editor</a>.<br /><a target="_blank" rel="nofollow" href="http://www.sean-o.com/jquery/jmp3/">jQuery MP3 Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://malsup.com/jquery/media/">jQuery Media Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.lukelutman.com/plugins/flash/index.html">jQuery Flash Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.solitude.dk/archives/embedquicktime/">Embed QuickTime</a>.<br /><a target="_blank" rel="nofollow" href="http://keith-wood.name/svg.html">SVG Integration</a>.</p><h2>图片(Photos/Images/Galleries)</h2><p><a target="_blank" rel="nofollow" href="http://jquery.com/demo/thickbox/">ThickBox</a>.<br /><a target="_blank" rel="nofollow" href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery lightBox plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://blog.joshuaeichorn.com/archives/2007/01/11/jquery-image-strip/">jQuery Image Strip</a>.<br /><a target="_blank" rel="nofollow" href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">jQuery slideViewer</a>.<br /><a target="_blank" rel="nofollow" href="http://benjaminsterling.com/2007/09/09/jquery-jqgalscroll-photo-gallery/">jQuery jqGalScroll 2.0</a>.<br /><a target="_blank" rel="nofollow" href="http://benjaminsterling.com/2007/10/02/jquery-jqgalviewii-photo-gallery/">jQuery &ndash; jqGalViewII</a>.<br /><a target="_blank" rel="nofollow" href="http://benjaminsterling.com/2007/10/21/jqgalviewiii-proof-of-concept/">jQuery &ndash; jqGalViewIII</a>.<br /><a target="_blank" rel="nofollow" href="http://opiefoto.com/articles/photoslider">jQuery Photo Slider</a>.<br /><a target="_blank" rel="nofollow" href="http://joanpiedra.com/jquery/thumbs/">jQuery Thumbs &ndash; easily create thumbnails</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/jQIR/">jQuery jQIR Image Replacement</a>.<br /><a target="_blank" rel="nofollow" href="http://www.gmarwaha.com/jquery/jcarousellite/index.php#what">jCarousel Lite</a>.<br /><a target="_blank" rel="nofollow" href="http://projects.sevir.org/storage/jpanview/index.html">jQPanView</a>.<br /><a target="_blank" rel="nofollow" href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a>.<br /><a target="_blank" rel="nofollow" href="http://www.intelliance.fr/jquery/imagebox/">Interface Imagebox</a>.<br /><a target="_blank" rel="nofollow" href="http://www.getintothis.com/blog/2006/10/12/image-gallery-using-jquery-interface-reflections/">Image Gallery using jQuery, Interface &amp; Reflactions</a>.<br /><a target="_blank" rel="nofollow" href="http://realazy.org/lab/jquery/j-gallery/">simple jQuery Gallery</a>.<br /><a target="_blank" rel="nofollow" href="http://chicagosocial.com/gallery/">jQuery Gallery Module</a>.<br /><a target="_blank" rel="nofollow" href="http://www.eogallery.com/">EO Gallery</a>.<br /><a target="_blank" rel="nofollow" href="http://flesler.blogspot.com/search/label/jQuery.ScrollShow">jQuery ScrollShow</a>.<br /><a target="_blank" rel="nofollow" href="http://www.malsup.com/jquery/cycle/">jQuery Cycle Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.projectatomic.com/en/flickr.htm">jQuery Flickr</a>.<br /><a target="_blank" rel="nofollow" href="http://www.appelsiini.net/2007/9/lazy-load-images-jquery-plugin">jQuery Lazy Load Images Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.sunsean.com/zoomi/">Zoomi &ndash; Zoomable Thumbnails</a>.<br /><a target="_blank" rel="nofollow" href="http://remysharp.com/2007/03/19/a-few-more-jquery-plugins-crop-labelover-and-pluck/#crop">jQuery Crop &ndash; crop any image on the fly</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/plugins/project/reflection">Image Reflection</a>.</p><h2>Google地图（Google Map）</h2><p><a target="_blank" rel="nofollow" href="http://www.dyve.net/jquery/?googlemaps">jQuery Plugin googlemaps</a>.<br /><a target="_blank" rel="nofollow" href="http://code.google.com/p/jmaps/">jMaps jQuery Maps Framework</a>.<br /><a target="_blank" rel="nofollow" href="http://projects.sevir.org/storage/jqmaps/index.html">jQmaps</a>.<br /><a target="_blank" rel="nofollow" href="http://olbertz.de/jquery/googlemap.html#">jQuery &amp; Google Maps</a>.<br /><a target="_blank" rel="nofollow" href="http://snippets.dzone.com/posts/show/4361">jQuery Maps Interface forr Google and Yahoo maps</a>.<br /><a target="_blank" rel="nofollow" href="http://webrocket.ulmb.com/jmaps/">jQuery J Maps &ndash; by Tane Piper</a>.</p><h2>游戏(Games)</h2><p><a target="_blank" rel="nofollow" href="http://fmarcia.info/jquery/tetris/tetris.html">Tetris with jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://64squar.es/">jQuery Chess</a>.<br /><a target="_blank" rel="nofollow" href="http://www.bennadel.com/blog/623-jQuery-Demo-Mad-Libs-Word-Game.htm">Mad Libs Word Game</a>.<br /><a target="_blank" rel="nofollow" href="http://www.alexatnet.com/node/68">jQuery Puzzle</a>.<br /><a target="_blank" rel="nofollow" href="http://www.willjessup.com/sandbox/jquery/solar_system/rotator.html">jQuery Solar System (not a game but awesome jQuery Stuff)</a>.</p><h2>表格等(Tables, Grids etc.)</h2><p><a target="_blank" rel="nofollow" href="http://docs.jquery.com/Plugins/Tablesorter">UI/Tablesorter</a>.<a target="_blank" rel="nofollow" href="http://images.cnblogs.com/cnblogs_com/Terrylee/WindowsLiveWriter/240jQuery_128F5/JQuery_003_2.gif"><img height="143" alt="JQuery_003" width="400" align="right" border="0" src="http://images.cnblogs.com/cnblogs_com/Terrylee/WindowsLiveWriter/240jQuery_128F5/JQuery_003_thumb.gif" /></a><br /><a target="_blank" rel="nofollow" href="http://www.reconstrukt.com/ingrid/">jQuery ingrid</a>.<br /><a target="_blank" rel="nofollow" href="http://www.trirand.com/blog/?p=13">jQuery Grid Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://ideamill.synaptrixgroup.com/jquery/tablefilter/tabletest.htm">Table Filter &ndash; awesome!</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.iceburg.net/jquery/tableEditor/demo.php">TableEditor</a>.<br /><a target="_blank" rel="nofollow" href="http://www.hanpau.com/jquery/unobtrusivetreetable.php">jQuery Tree Tables</a>.<br /><a target="_blank" rel="nofollow" href="http://www.javascripttoolbox.com/jquery/#expandablerows">Expandable &ldquo;Detail&rdquo; Table Rows</a>.<br /><a target="_blank" rel="nofollow" href="http://www.remotesynthesis.com/blog/index.cfm/2007/9/25/Sortable-Table-ColdFusion-Custom-Tag-with-jQueryUI">Sortable Table ColdFusion Costum Tag with jQuery UI</a>.<br /><a target="_blank" rel="nofollow" href="http://flesler.blogspot.com/2007/10/jquerybubble.html">jQuery Bubble</a>.<br /><a target="_blank" rel="nofollow" href="http://tablesorter.com/docs/">TableSorter</a>.<br /><a target="_blank" rel="nofollow" href="http://www.webtoolkit.info/demo/jquery/scrollable/demo.html">Scrollable HTML Table</a>.<br /><a target="_blank" rel="nofollow" href="http://p.sohei.org/stuff/jquery/columnmanager/demo/demo.html">jQuery column Manager Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://p.sohei.org/stuff/jquery/tablehover/demo/demo.html">jQuery tableHover Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html">jQuery columnHover Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://makoomba.altervista.org/grid/">jQuery Grid</a>.<br /><a target="_blank" rel="nofollow" href="http://motherrussia.polyester.se/jquery-plugins/tablesorter/">TableSorter plugin for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://joshhundley.com/teditable-in-place-editing-for-tables/">tEditable &ndash; in place table editing for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://www.hovinne.com/dev/jquery/chartotable/">jQuery charToTable Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ita.es/jquery/jquery.grid.columnSizing.htm">jQuery Grid Column Sizing</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ita.es/jquery/jquery.grid.rowSizing.htm">jQuery Grid Row Sizing</a>.</p><h2>统计图(Charts, Presentation etc.)</h2><p><a target="_blank" rel="nofollow" href="http://worcesterwideweb.com/2007/06/04/jquery-wizard-plugin/">jQuery Wizard Plugin </a>.<br /><a target="_blank" rel="nofollow" href="http://www.reach1to1.com/sandbox/jquery/jqchart/">jQuery Chart Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://ejohn.org/apps/speed/">Bar Chart</a>.</p><h2>边框、圆角、背景(Border, Corners, Background)</h2><p><a target="_blank" rel="nofollow" href="http://www.malsup.com/jquery/corner/">jQuery Corner</a>.<br /><a target="_blank" rel="nofollow" href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery">jQuery Curvy Corner</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.jquery.com/%7Epaul/plugins/nifty/example.html">Nifty jQuery Corner</a>.<br /><a target="_blank" rel="nofollow" href="http://illandril.net/jQuery/transparentCorners/">Transparent Corners</a>.<br /><a target="_blank" rel="nofollow" href="http://www.methvin.com/jquery/jq-corner.html">jQuery Corner Gallery</a>.<br /><a target="_blank" rel="nofollow" href="http://blog.brandonaaron.net/my-jquery-plugins/gradient/">Gradient Plugin</a>.</p><h2>文字和超链接(Text and Links)</h2><p><a target="_blank" rel="nofollow" href="http://wanderinghorse.net/computing/javascript/jquery/spoilers/demo.html">jQuery Spoiler plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html">Text Highlighting</a>.<br /><a target="_blank" rel="nofollow" href="http://www.jdempster.com/category/jquery/disableTextSelect/">Disable Text Select Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/newsticker/">jQuery Newsticker</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ollicle.com/2007/jun/03/jquery_lineheight_flexible.html">Auto line-height Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://agencenp.net/textgrad/textgrad.html">Textgrad &ndash; a text gradient plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://kawika.org/jquery/linklook/">LinkLook &ndash; a link thumbnail preview</a>.<br /><a target="_blank" rel="nofollow" href="http://rikrikrik.com/jquery/pager/#examples">pager jQuery Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://rikrikrik.com/jquery/shortkeys/">shortKeys jQuery Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ollicle.com/eg/jquery/biggerlink">jQuery Biggerlink</a>.<br /><a target="_blank" rel="nofollow" href="http://troy.dyle.net/linkchecker/">jQuery Ajax Link Checker</a>.</p><h2>鼠标提示（Tooltips）</h2><p><a target="_blank" rel="nofollow" href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/">jQuery Plugin &ndash; Tooltip</a>.<br /><a target="_blank" rel="nofollow" href="http://www.codylindley.com/blogstuff/js/jtip/">jTip &ndash; The jQuery Tool Tip</a>.<br /><a target="_blank" rel="nofollow" href="http://examples.learningjquery.com/62/demo/index.html#examplesection">clueTip</a>.<br /><a target="_blank" rel="nofollow" href="http://edgarverle.com/BetterTip/default.cfm">BetterTip</a>.<br /><a target="_blank" rel="nofollow" href="http://ioreader.com/2007/05/15/flash-tooltips-using-jquery/">Flash Tooltips using jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://www.texotela.co.uk/code/jquery/tooltipdemo/">ToolTip</a>.</p><h2>菜单和导航(Menus, Navigations)</h2><p><a target="_blank" rel="nofollow" href="http://stilbuero.de/jquery/tabs_3/">jQuery Tabs Plugin &ndash; awesome! </a>. [<a target="_blank" rel="nofollow" href="http://stilbuero.de/jquery/tabs_3/nested.html">demo nested tabs</a>.]<br /><a target="_blank" rel="nofollow" href="http://blog.cutterscrossing.com/index.cfm/2007/6/15/Updated-JQuery-Nested-Tab-Set-with-Demo">another jQuery nested Tab Set example (based on jQuery Tabs Plugin)</a>.<br /><a target="_blank" rel="nofollow" href="http://www.sunsean.com/idTabs/">jQuery idTabs</a>.<br /><a target="_blank" rel="nofollow" href="http://jdsharp.us/jQuery/plugins/jdMenu/">jdMenu &ndash; Hierarchical Menu Plugin for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://be.twixt.us/jquery/suckerFish.php">jQuery SuckerFish Style</a>.<br /><a target="_blank" rel="nofollow" href="http://bassistance.de/jquery-plugins/jquery-plugin-treeview/">jQuery Plugin Treeview</a>.<br /><a target="_blank" rel="nofollow" href="http://be.twixt.us/jquery/treeView.php">treeView Basic</a>.<br /><a target="_blank" rel="nofollow" href="http://labs.activespotlight.net/jQuery/menu_demo.html">FastFind Menu</a>.<br /><a target="_blank" rel="nofollow" href="http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a>.<br /><a target="_blank" rel="nofollow" href="http://gmarwaha.com/blog/?p=7">Lava Lamp jQuery Menu</a>.<br /><a target="_blank" rel="nofollow" href="http://icon.cat/wiki/IconDock_En#iconDock_jQuery_Plugin">jQuery iconDock</a>.<br /><a target="_blank" rel="nofollow" href="http://cherne.net/brian/resources/jquery.variations.html">jVariations Control Panel</a>.<br /><a target="_blank" rel="nofollow" href="http://www.trendskitchens.co.nz/jquery/contextmenu/">ContextMenu plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://p.sohei.org/jquery-plugins/clickmenu/">clickMenu</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ndesign-studio.com/blog/mac/css-dock-menu">CSS Dock Menu</a>.<br /><a target="_blank" rel="nofollow" href="http://webexpose.org/2006/12/28/jquery-pop-up-menu-tutorial/">jQuery Pop-up Menu Tutorial</a>.<br /><a target="_blank" rel="nofollow" href="http://www.getintothis.com/blog/2006/09/26/my-first-jquery-plugin-a-sliding-menu/">Sliding Menu</a>.</p><p><a title="http://stilbuero.de/jquery/tabs_3/" target="_blank" rel="nofollow" href="http://stilbuero.de/jquery/tabs_3/">http://stilbuero.de/jquery/tabs_3/</a></p><h2>幻灯、翻转等(Accordions, Slide and Toggle stuff)</h2><p><a target="_blank" rel="nofollow" href="http://bassistance.de/jquery-plugins/jquery-plugin-accordion/">jQuery Plugin Accordion</a>.<br /><a target="_blank" rel="nofollow" href="http://fmarcia.info/jquery/accordion.html">jQuery Accordion Plugin Horizontal Way</a>.<br /><a target="_blank" rel="nofollow" href="http://letmehaveblog.blogspot.com/2007/10/haccordion-simple-horizontal-accordion.html">haccordion &ndash; a simple horizontal accordion plugin for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.portalzine.de/index?/Horizontal_Accordion--print">Horizontal Accordion by portalzine.de</a>.<br /><a target="_blank" rel="nofollow" href="http://berndmatzner.de/jquery/hoveraccordion/">HoverAccordion</a>.<br /><a target="_blank" rel="nofollow" href="http://fmarcia.info/jquery/accordion.html">Accordion Example from fmarcia.info</a>.<br /><a target="_blank" rel="nofollow" href="http://blog.evaria.com/wp-content/themes/blogvaria/jquery/index.php">jQuery Accordion Example</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/files/demo/dl-done.html">jQuery Demo &ndash; Expandable Sidebar Menu</a>.<br /><a target="_blank" rel="nofollow" href="http://www.andreacfm.com/examples/jQpanels/">Sliding Panels for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.andreaseberhard.de/toggleElements/">jQuery ToggleElements</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ndoherty.com/demos/coda-slider/">Coda Slider</a>.<br /><a target="_blank" rel="nofollow" href="http://sorgalla.com/projects/jcarousel/#Examples">jCarousel</a>.<br /><a target="_blank" rel="nofollow" href="http://www.reindel.com/accessible_news_slider/">Accesible News Slider Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://icant.co.uk/sandbox/jquerycodeview/">Showing and Hiding code Examples</a>.<br /><a target="_blank" rel="nofollow" href="http://gsgd.co.uk/sandbox/jquery/easing/">jQuery Easing Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a>.<br /><a target="_blank" rel="nofollow" href="http://jdsharp.us/jQuery/plugins/AutoScroll/">AutoScroll</a>.<br /><a target="_blank" rel="nofollow" href="http://medienfreunde.com/lab/innerfade/">Innerfade</a>.</p><h2>拖放插件(Drag and Drop)</h2><p><a target="_blank" rel="nofollow" href="http://docs.jquery.com/UI/Draggables">UI/Draggables</a>.<br /><a target="_blank" rel="nofollow" href="http://fromvega.com/wordpress/2007/07/14/easydrag-jquery-plugin/">EasyDrag jQuery Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://sonspring.com/journal/jquery-portlets">jQuery Portlets</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.iceburg.net/jquery/jqDnR/">jqDnR &ndash; drag, drop resize</a>.<br /><a target="_blank" rel="nofollow" href="http://interface.eyecon.ro/demos/drag.html">Drag Demos</a>.</p><h2>XML XSL JSON Feeds</h2><p><a target="_blank" rel="nofollow" href="http://www.jongma.org/webtools/jquery/xslt/">XSLT Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://cgaskell.wordpress.com/2006/11/02/jquery-ajax-call-and-result-xml-parsing/">jQuery Ajax call and result XML parsing</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/plugins/project/xmlObjectifier">xmlObjectifier &ndash; Converts XML DOM to JSON</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.glyphix.com/">jQuery XSL Transform</a>.<br /><a target="_blank" rel="nofollow" href="http://malsup.com/jquery/taconite/">jQuery Taconite &ndash; multiple Dom updates</a>.<br /><a target="_blank" rel="nofollow" href="http://www.hovinne.com/blog/index.php/2007/07/15/132-jfeed-jquery-rss-atom-feed-parser-plugin">RSS/ATOM Feed Parser Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.malsup.com/jquery/gfeed/">jQuery Google Feed Plugin</a>.</p><h2>浏览器(Browserstuff)</h2><p><a target="_blank" rel="nofollow" href="http://noteslog.com/post/how-to-fix-the-resize-event-in-ie/">Wresize &ndash; IE Resize event Fix Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.khurshid.com/ifixpng.php">jQuery ifixpng</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.andreaseberhard.de/pngFix/">jQuery pngFix</a>.<br /><a target="_blank" rel="nofollow" href="http://www.crismancich.de/jquery/plugins/linkscrubber/">Link Scrubber &ndash; removes the dotted line onfocus from links</a>.<br /><a target="_blank" rel="nofollow" href="http://www.matthewjrichards.co.uk/articles/2007/06/25/jquery-perciformes-the-entire-suckerfish-familly-under-one-roof">jQuery Perciformes &ndash; the entire suckerfish familly under one roof</a>.<br /><a target="_blank" rel="nofollow" href="http://blog.brandonaaron.net/my-jquery-plugins/background-iframe/">Background Iframe</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/plugins/project/QinIE">QinIE &ndash; for proper display of Q tags in IE</a>.<br /><a target="_blank" rel="nofollow" href="http://webrocket.ulmb.com/ability/">jQuery Accessibility Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ogonek.net/mousewheel/jquery-demo.html">jQuery MouseWheel Plugin</a>.</p><h2>对话框、确认窗口(Alert, Prompt, Confirm Windows)</h2><p><a target="_blank" rel="nofollow" href="http://trentrichardson.com/Impromptu/">jQuery Impromptu</a>.<br /><a target="_blank" rel="nofollow" href="http://nadiaspot.com/jquery/confirm">jQuery Confirm Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://dev.iceburg.net/jquery/jqModal/">jqModal</a>.<br /><a target="_blank" rel="nofollow" href="http://www.ericmmartin.com/projects/simplemodal/">SimpleModal</a>.</p><h2>CSS</h2><p><a target="_blank" rel="nofollow" href="http://www.kelvinluck.com/article/switch-stylesheets-with-jquery">jQuery Style Switcher</a>.<br /><a target="_blank" rel="nofollow" href="http://andykent.bingodisk.com/bingo/public/jss/">JSS &ndash; Javascript StyleSheets</a>.<br /><a target="_blank" rel="nofollow" href="http://flesler.blogspot.com/2007/11/jqueryrule.html">jQuery Rule &ndash; creation/manipulation of CSS Rules</a>.<br /><a target="_blank" rel="nofollow" href="http://www.designerkamal.com/jPrintArea/">jPrintArea</a>.</p><h2>DOM、AJAX和其它JQuery插件（DOM, Ajax and other jQuery plugins）</h2><p><a target="_blank" rel="nofollow" href="http://flydom.socianet.com/">FlyDOM</a>.<br /><a target="_blank" rel="nofollow" href="http://brandonaaron.net/docs/dimensions/#getting-started">jQuery Dimenion Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://happygiraffe.net/blog/articles/2007/09/26/jquery-logging">jQuery Loggin</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.com/plugins/project/metadata">Metadata &ndash; extract metadata from classes, attributes, elements</a>.<br /><a target="_blank" rel="nofollow" href="http://johannburkard.de/blog/programming/javascript/inc-a-super-tiny-client-side-include-javascript-jquery-plugin.html">Super-tiny Client-Side Include Javascript jQuery Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://humanized.com/weblog/2007/09/14/undo-made-easy-with-ajax-part-1/">Undo Made Easy with Ajax</a>.<br /><a target="_blank" rel="nofollow" href="http://www.jasons-toolbox.com/JHeartbeat/">JHeartbeat &ndash; periodically poll the server</a>.<br /><a target="_blank" rel="nofollow" href="http://www.appelsiini.net/projects/lazyload">Lazy Load Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/">Live Query</a>.<br /><a target="_blank" rel="nofollow" href="http://jquery.offput.ca/every/">jQuery Timers</a>.<br /><a target="_blank" rel="nofollow" href="http://www.joanpiedra.com/jquery/shareit/">jQuery Share it &ndash; display social bookmarking icons</a>.<br /><a target="_blank" rel="nofollow" href="http://www.jdempster.com/category/code/jquery/cookiejar/">jQuery serverCookieJar</a>.<br /><a target="_blank" rel="nofollow" href="http://ideamill.synaptrixgroup.com/?p=3">jQuery autoSave</a>.<br /><a target="_blank" rel="nofollow" href="http://www.semicomplete.com/blog/geekery/jquery-interface-puffer.html">jQuery Puffer</a>.<br /><a target="_blank" rel="nofollow" href="http://33rockers.com/jquery/iframe-demo/">jQuery iFrame Plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.stilbuero.de/2006/09/17/cookie-plugin-for-jquery/">Cookie Plugin for jQuery</a>.<br /><a target="_blank" rel="nofollow" href="http://leftlogic.com/lounge/articles/jquery_spy2">jQuery Spy &ndash; awesome plugin</a>.<br /><a target="_blank" rel="nofollow" href="http://www.learningjquery.com/2007/01/effect-delay-trick">Effect Delay Trick</a>.<br /><a target="_blank" rel="nofollow" href="http://jquick.sullof.com/jquick/">jQuick &ndash; a quick tag creator for jQuery</a>.<a target="_blank" rel="nofollow" href="http://noteslog.com/post/metaobjects-11-released-today/"><br />Metaobjects</a>.<br /><a target="_blank" rel="nofollow" href="http://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-plugin/">elementReady</a>.</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/201.html" target="_blank">继续阅读《JQuery插件大全——强烈推荐：240多个jQuery插件》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=2">JS功能代码</a> | Tags: <a href="http://www.taotg.com/catalog.asp?tags=jQuery">jQuery</a>&nbsp;&nbsp;<a href="http://www.taotg.com/catalog.asp?tags=jQuery%E5%AE%9E%E4%BE%8B">jQuery实例</a>&nbsp;&nbsp;<a href="http://www.taotg.com/catalog.asp?tags=jquery%E6%8F%92%E4%BB%B6">jquery插件</a>&nbsp;&nbsp; | <a href="http://www.taotg.com/post/201.html#comment" target="_blank">添加评论</a>(1)</p><h3>相关文章:</h3><ul><li><a href="http://www.taotg.com/post/200.html">Myfocus官方演示文档正式放出（一款非常棒的焦点图库）</a> (2011-7-13 15:38:26)  </li><li><a href="http://www.taotg.com/post/199.html">jQuery的弹出窗口 ColorBox </a> (2011-7-13 14:33:21)  </li><li><a href="http://www.taotg.com/post/198.html">25个不可思议的jQuery滚动展示插件及教程</a> (2011-7-13 14:5:54)  </li><li><a href="http://www.taotg.com/post/196.html">jquery模拟Marquee，无间断滚动内容</a> (2011-3-29 23:42:20)  </li><li><a href="http://www.taotg.com/post/177.html">jQuery实现select下拉框样式美化效果</a> (2010-9-21 4:42:55)  </li></ul>]]></description><category>JS功能代码</category><comments>http://www.taotg.com/post/201.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=201</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=201&amp;key=39a9dca3</trackback:ping></item><item><title>Myfocus官方演示文档正式放出（一款非常棒的焦点图库）</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/200.html</link><pubDate>Wed, 13 Jul 2011 15:38:26 +0800</pubDate><guid>http://www.taotg.com/post/200.html</guid><description><![CDATA[<p><a href="http://www.chhua.com/myfocus/" target="_blank">Myfocus官方演示文档</a>正式放出（一款非常棒的焦点图库）</p><p>呵呵，这篇文章应该早一点写的，<a href="http://www.chhua.com/myfocus/" target="_blank">焦点图</a>，一直是前端必用的设计元素，今天放出来，我一直在用的焦点图库，不要说我太小气。</p><p><a href="http://www.chhua.com/myfocus/" target="_blank">Myfocus</a>是一个叫koen_lee的网友开发的，版权属于这个人，我的网站只是上载了他的东西而已，所以，大家应该向这个人敬礼！</p><p><a title="Myfocus" href="http://www.chhua.com/web-notetag/myfocus">Myfocus</a>可以说是中国目前唯一的一个功能强大的寄托在<a title="JQuery" href="http://www.chhua.com/web-notetag/jquery">JQuery</a>框架下的焦点图库，通过它，你可以实现很多焦点图样式。</p><p>另外，大家如果有别的焦点图库的话，也可以向我推荐，我再做发表，下面是Myfocus官方演示文档的链接地址：<a href="http://www.chhua.com/myfocus/">http://www.chhua.com/myfocus/</a></p><p>我会不定期的来更新这篇文章，只要有<a href="http://www.chhua.com/myfocus/" target="_blank">Myfocus</a>的最新动态，我就会来更新。</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/200.html" target="_blank">继续阅读《Myfocus官方演示文档正式放出（一款非常棒的焦点图库）》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=2">JS功能代码</a> | Tags: <a href="http://www.taotg.com/catalog.asp?tags=jQuery">jQuery</a>&nbsp;&nbsp;<a href="http://www.taotg.com/catalog.asp?tags=jquery%E6%8F%92%E4%BB%B6">jquery插件</a>&nbsp;&nbsp; | <a href="http://www.taotg.com/post/200.html#comment" target="_blank">添加评论</a>(0)</p><h3>相关文章:</h3><ul><li><a href="http://www.taotg.com/post/201.html">JQuery插件大全——强烈推荐：240多个jQuery插件</a> (2011-7-13 16:6:0)  </li><li><a href="http://www.taotg.com/post/199.html">jQuery的弹出窗口 ColorBox </a> (2011-7-13 14:33:21)  </li><li><a href="http://www.taotg.com/post/198.html">25个不可思议的jQuery滚动展示插件及教程</a> (2011-7-13 14:5:54)  </li><li><a href="http://www.taotg.com/post/196.html">jquery模拟Marquee，无间断滚动内容</a> (2011-3-29 23:42:20)  </li><li><a href="http://www.taotg.com/post/177.html">jQuery实现select下拉框样式美化效果</a> (2010-9-21 4:42:55)  </li></ul>]]></description><category>JS功能代码</category><comments>http://www.taotg.com/post/200.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=200</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=200&amp;key=8a09ad1a</trackback:ping></item><item><title>jQuery的弹出窗口 ColorBox </title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/199.html</link><pubDate>Wed, 13 Jul 2011 14:33:21 +0800</pubDate><guid>http://www.taotg.com/post/199.html</guid><description><![CDATA[<p minmax_bound="true">ColorBox是一个基于jQuery 1.3 的轻量级，自定义灯箱插件，功能非常强大，支持图片，图片组，ajax，inline和iframed内容，灯箱样式完全由用户控制，可自定义CSS样 式，不需要改写ColorBox库文件就能重写展示效果设置，支持加载预处理提示等等，效果图如下：</p><p minmax_bound="true"><img style="width: auto; height: auto; maxwidth: 600px; minmaxwidth: auto; minmaxheight: auto" alt="" src="http://www.taotg.com/UPLOAD/2011713143495925.png" minmax_bound="true" /></p><p minmax_bound="true"><strong minmax_bound="true">使用说明</strong><br minmax_bound="true" /><a href="http://www.jquery.com/" minmax_bound="true">1，jQuery 1.3库文件</a><br minmax_bound="true" /><a href="http://plugins.jquery.com/project/ColorBox" target="_blank" minmax_bound="true">2，colorbox 库文件</a><br minmax_bound="true" />3，灯箱效果CSS样式文件</p><p minmax_bound="true"><strong minmax_bound="true">使用实例如下：</strong><br minmax_bound="true" /><strong minmax_bound="true">一，使用ColorBox灯箱显示一张图片和图片组</strong><br minmax_bound="true" /><strong minmax_bound="true">(1)js部分</strong><br minmax_bound="true" />$.fn.colorbox.settings.<strong minmax_bound="true">transition </strong>= &quot;fade&quot;;<br minmax_bound="true" />$.fn.colorbox.settings.<strong minmax_bound="true">bgOpacity </strong>= &quot;0.9&quot;;<br minmax_bound="true" />$.fn.colorbox.settings.<strong minmax_bound="true">contentCurrent </strong>= &quot;image {<strong minmax_bound="true">current</strong>} of {<strong minmax_bound="true">total</strong>}&quot;;<br minmax_bound="true" />$(&quot;.<strong minmax_bound="true">cpModal</strong>&quot;).<strong minmax_bound="true">colorbox</strong>();</p><p minmax_bound="true"><strong minmax_bound="true">transition</strong>设置ColorBox灯箱的过渡效果，如上：fade<br minmax_bound="true" /><strong minmax_bound="true">bgOpacity</strong>设置ColorBox灯箱的背景透明度，如上：0.9<br minmax_bound="true" /><strong minmax_bound="true">contentCurrent</strong>设置ColorBox灯箱的当前图片，如上：image {current} of {total}</p><p minmax_bound="true"><strong minmax_bound="true">(2)HTML部分</strong><br minmax_bound="true" />&lt;p&gt;&lt;a class=&quot;<strong minmax_bound="true">cpModal</strong>&quot; href=&quot;marylou.jpg&quot; &gt;单张图片&lt;/a&gt;&lt;/p&gt;<br minmax_bound="true" />&lt;p&gt;&lt;a class=&quot;<strong minmax_bound="true">cpModal</strong>&quot; href=&quot;biuuu1.jpg&quot; &gt;图片组1&lt;/a&gt;&lt;/p&gt;<br minmax_bound="true" />&lt;p&gt;&lt;a class=&quot;<strong minmax_bound="true">cpModal</strong>&quot; href=&quot;biuuu2.jpg&quot; &gt;图片组2&lt;/a&gt;&lt;/p&gt;<br minmax_bound="true" />&lt;p&gt;&lt;a class=&quot;<strong minmax_bound="true">cpModal</strong>&quot; href=&quot;biuuu3.jpg&quot; &gt;图片组3&lt;/a&gt;&lt;/p&gt;</p><p minmax_bound="true"><strong minmax_bound="true">二，使用ColorBox灯箱显示ajax加载HTML页面</strong><br minmax_bound="true" /><strong minmax_bound="true">(1)js部分</strong><br minmax_bound="true" />$(&quot;#ajax&quot;).<strong minmax_bound="true">colorbox</strong>({<strong minmax_bound="true">contentWidth</strong>:&quot;300px&quot;, <strong minmax_bound="true">contentHeight</strong>:&quot;195px&quot;});</p><p minmax_bound="true"><strong minmax_bound="true">contentWidth</strong>设置ColorBox灯箱的内容宽度，如上：300px<br minmax_bound="true" /><strong minmax_bound="true">contentHeight</strong>设置ColorBox灯箱的内容高度，如上：195px</p><p minmax_bound="true"><strong minmax_bound="true">(2)HTML部分</strong><br minmax_bound="true" />&lt;p&gt;&lt;a id=&quot;<strong minmax_bound="true">ajax</strong>&quot; href=&quot;<strong minmax_bound="true">ajax.html</strong>&quot;&gt;Ajax HTML&lt;/a&gt;&lt;/p&gt;<br minmax_bound="true" /><strong minmax_bound="true">ajax.html</strong>表示加载的html页面，</p><p minmax_bound="true"><strong minmax_bound="true">三，使用ColorBox灯箱显示flash页面效果</strong><br minmax_bound="true" /><strong minmax_bound="true">(1)js部分</strong><br minmax_bound="true" />$(&quot;#<strong minmax_bound="true">flash</strong>&quot;).<strong minmax_bound="true">colorbox</strong>({<strong minmax_bound="true">contentAjax</strong>:&quot;<strong minmax_bound="true">flash.html</strong>&quot;});</p><p minmax_bound="true"><strong minmax_bound="true">(2)HTML部分</strong></p><p minmax_bound="true">&lt;p&gt;&lt;a id=&quot;<strong minmax_bound="true">flash</strong>&quot; href=&quot;http://www.youtube.com/watch?v=lBvaHZIrt0&quot;&gt;Flash / Video&lt;/a&gt;&lt;/p&gt;<strong minmax_bound="true"><br minmax_bound="true" />四，使用ColorBox灯箱显示Inline HTML效果</strong><br minmax_bound="true" /><strong minmax_bound="true">(1)js部分</strong><br minmax_bound="true" />$(&quot;#<strong minmax_bound="true">inline</strong>&quot;).colorbox({<strong minmax_bound="true">contentWidth</strong>:&quot;500px&quot;, <strong minmax_bound="true">contentInline</strong>:&quot;#inline-content&quot;});<br minmax_bound="true" /><strong minmax_bound="true">contentInline</strong>设置ColorBox灯箱的inline内容</p><p minmax_bound="true"><strong minmax_bound="true">(2)HTML部分</strong><br minmax_bound="true" />&lt;p&gt;&lt;a id=&quot;<strong minmax_bound="true">inline</strong>&quot; href=&quot;#&quot;&gt;Inline HTML&lt;/a&gt;&lt;/p&gt;<br minmax_bound="true" />&lt;div style=&quot;display:none&quot;&gt;<br minmax_bound="true" />&lt;div id=&quot;<strong minmax_bound="true">inline-content</strong>&quot;&gt;<br minmax_bound="true" />&lt;div style=&quot;padding:10px&quot;&gt;<br minmax_bound="true" />&lt;p&gt;必优博客&lt;/p&gt;<br minmax_bound="true" />&lt;p&gt;www.biuuu.com&lt;/p&gt;<br minmax_bound="true" />&lt;/div&gt;<br minmax_bound="true" />&lt;/div&gt;<br minmax_bound="true" />&lt;/div&gt;<br minmax_bound="true" /><strong minmax_bound="true">五，使用ColorBox灯箱显示Iframed框架内容效果</strong><br minmax_bound="true" /><strong minmax_bound="true">(1)js部分</strong><br minmax_bound="true" />$(&quot;#<strong minmax_bound="true">google</strong>&quot;).colorbox({<strong minmax_bound="true">contentWidth</strong>:&quot;750px&quot;, <strong minmax_bound="true">contentHeight</strong>:&quot;450px&quot;, contentIframe:true});</p><p minmax_bound="true"><strong minmax_bound="true">contentIframe</strong>设置ColorBox灯箱的内容是否为框架</p><p minmax_bound="true"><strong minmax_bound="true">(2)HTML部分</strong><br minmax_bound="true" />&lt;p&gt;&lt;a id=&quot;<strong minmax_bound="true">google</strong>&quot; href=&quot;http://www.google.com&quot;&gt;Iframed内容&lt;/a&gt;&lt;/p&gt;</p><p minmax_bound="true"><strong minmax_bound="true">ColorBox灯箱配置如下：</strong><br minmax_bound="true" /><strong minmax_bound="true">transition </strong>'elastic' 表示灯箱过渡效果，可选&quot;elastic&quot; or &quot;fade&quot;<br minmax_bound="true" />transitionSpeed&nbsp;&nbsp;&nbsp; 350 表示灯箱过渡效果展示的速度<br minmax_bound="true" />initialWidth&nbsp;&nbsp;&nbsp; 300 表示灯箱初始化宽度<br minmax_bound="true" />initialHeight&nbsp;&nbsp;&nbsp; 100 表示灯箱初始化高度<br minmax_bound="true" />contentWidth&nbsp;&nbsp;&nbsp; false 表示是否设置一个固定的宽度<br minmax_bound="true" />contentHeight&nbsp;&nbsp;&nbsp; false 表示是否设置一个固定的高度<br minmax_bound="true" />contentAjax&nbsp;&nbsp;&nbsp; false 表示是否是一个ajax加载<br minmax_bound="true" />contentInline&nbsp;&nbsp;&nbsp; false 表示是否是一个inline<br minmax_bound="true" />contentIframe&nbsp;&nbsp;&nbsp; false 表示是否是一个iframe<br minmax_bound="true" /><strong minmax_bound="true">bgOpacity </strong>0.85 表示灯箱的背景透明度<br minmax_bound="true" />preloading&nbsp;&nbsp;&nbsp; true 表示是否预加载<br minmax_bound="true" />contentCurrent&nbsp;&nbsp;&nbsp; '{current} of {total}' 表示灯箱展示的当前图片和总数<br minmax_bound="true" />contentPrevious&nbsp;&nbsp;&nbsp; 'previous' 表示上一个锚，类似于rel属性<br minmax_bound="true" />contentNext&nbsp;&nbsp;&nbsp; 'next'&nbsp;&nbsp;&nbsp; 表示下一个锚，类似于rel属性<br minmax_bound="true" />modalClose&nbsp;&nbsp;&nbsp; 'close' 锚文本关闭链接，可选Esc或close</p><p minmax_bound="true">jQuery插件ColorBox彩盒使用非常简单，可实现功能非常多，如弹出新窗口，弹出图片，弹出框架等等，值得推荐。</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/199.html" target="_blank">继续阅读《jQuery的弹出窗口 ColorBox 》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=2">JS功能代码</a> | Tags: <a href="http://www.taotg.com/catalog.asp?tags=jquery%E6%8F%92%E4%BB%B6">jquery插件</a>&nbsp;&nbsp;<a href="http://www.taotg.com/catalog.asp?tags=jQuery">jQuery</a>&nbsp;&nbsp; | <a href="http://www.taotg.com/post/199.html#comment" target="_blank">添加评论</a>(0)</p><h3>相关文章:</h3><ul><li><a href="http://www.taotg.com/post/201.html">JQuery插件大全——强烈推荐：240多个jQuery插件</a> (2011-7-13 16:6:0)  </li><li><a href="http://www.taotg.com/post/200.html">Myfocus官方演示文档正式放出（一款非常棒的焦点图库）</a> (2011-7-13 15:38:26)  </li><li><a href="http://www.taotg.com/post/198.html">25个不可思议的jQuery滚动展示插件及教程</a> (2011-7-13 14:5:54)  </li><li><a href="http://www.taotg.com/post/196.html">jquery模拟Marquee，无间断滚动内容</a> (2011-3-29 23:42:20)  </li><li><a href="http://www.taotg.com/post/177.html">jQuery实现select下拉框样式美化效果</a> (2010-9-21 4:42:55)  </li></ul>]]></description><category>JS功能代码</category><comments>http://www.taotg.com/post/199.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=199</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=199&amp;key=05475da0</trackback:ping></item><item><title>25个不可思议的jQuery滚动展示插件及教程</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/198.html</link><pubDate>Wed, 13 Jul 2011 14:05:54 +0800</pubDate><guid>http://www.taotg.com/post/198.html</guid><description><![CDATA[<p>这个介绍25个不可思议的jQuery滚动展示插件及教程，主要是一些图片展示的滚动效果，值得一看啊~~ 懂点程序的，可以看看啊~ 不懂得的，就下载下去用一下吧~~ 转载请著名出处，本文由<a target="_blank" href="http://www.zmool.com">站码</a>翻译....谢谢...</p><p>jQuery滑动效果，现在在很多的网站和博客上使用，在有限的空间里，展现更多的网站内容和图片，如果你想在你的网站网使用一些jQuery特效，那就看看下面的25个jQuery滑动插件和教程吧~~ 哈哈~~~~</p><h4>1. <a target="_blank" jquery1270793037609="3" href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html">Create Beautiful jQuery slider tutorial</a></h4><p><img class="alignnone size-full wp-image-1543" title="Create Beautiful jQuery slider tutorial" height="176" alt="Create Beautiful jQuery slider tutorial" width="590" src="/UPLOAD/2011713148369245.jpg" /></p><h4>2.<a target="_blank" jquery1270793037609="4" href="http://jqueryglobe.com/article/feature-list"> jQuery Plugin &ndash; Feature List</a></h4><p><img class="alignnone size-full wp-image-1544" title="jQuery Plugin - Feature List" height="291" alt="jQuery Plugin - Feature List" width="590" src="/UPLOAD/2011713148366618.jpg" /></p><h4>3. <a target="_blank" jquery1270793037609="5" href="http://designm.ag/tutorials/image-rotator-css-jquery/">Create an Image Rotator with Description (CSS/jQuery)</a></h4><p><img class="alignnone size-full wp-image-1546" title="Create an Image Rotator with Description (CSS/jQuery)" height="340" alt="Create an Image Rotator with Description (CSS/jQuery)" width="590" src="/UPLOAD/2011713148368147.jpg" /></p><h4>4. <a target="_blank" rel="bookmark" jquery1270793037609="6" href="http://css-tricks.com/moving-boxes/">Moving&nbsp;Boxes</a></h4><p><img class="alignnone size-full wp-image-1547" title="Moving Boxes" height="274" alt="Moving Boxes" width="590" src="/UPLOAD/2011713148364240.jpg" /></p><h4>5. <a target="_blank" jquery1270793037609="7" href="http://net.tutsplus.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/">Using the Wonderful jFlow Plugin</a></h4><p><img class="alignnone size-full wp-image-1550" title="Using the Wonderful jFlow Plugin" height="243" alt="Using the Wonderful jFlow Plugin" width="590" src="/UPLOAD/2011713148378897.jpg" /></p><h4>6. <a target="_blank" rel="bookmark" jquery1270793037609="8" href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/">Creating a Slick Auto-Playing Featured Content&nbsp;Slider</a></h4><h4><img class="alignnone size-full wp-image-1551" title="Creating a Slick Auto-Playing Featured Content Slider" height="362" alt="Creating a Slick Auto-Playing Featured Content Slider" width="590" src="/UPLOAD/2011713148371104.jpg" /></h4><h4>7. <a target="_blank" rel="bookmark" jquery1270793037609="9" href="http://www.gomediazine.com/tutorials/design-elegant-featured-content-slider-wordpress/">Design An Elegant Featured Content Slider for Wordpress</a></h4><p><img class="alignnone size-full wp-image-1552" title="Design An Elegant Featured Content Slider for Wordpress" height="302" alt="Design An Elegant Featured Content Slider for Wordpress" width="590" src="/UPLOAD/2011713148376924.jpg" /></p><h4>8. <a target="_blank" jquery1270793037609="10" href="http://blog.egorkhmelev.com/2009/11/jquery-slider-safari-style/">jQuery Slider plugin (Safari&nbsp;style)</a></h4><p><img class="alignnone size-full wp-image-1556" title="jQuery Slider plugin (Safari style)" height="117" alt="jQuery Slider plugin (Safari style)" width="590" src="/UPLOAD/2011713148378074.jpg" /></p><h4>9. <a target="_blank" jquery1270793037609="11" href="http://www.reindel.com/accessible_news_slider/">Accessible News Slider</a></h4><p><img class="alignnone size-full wp-image-1559" title="Accessible News Slider" height="240" alt="Accessible News Slider" width="590" src="/UPLOAD/2011713148385814.jpg" /></p><h4>10. <a target="_blank" jquery1270793037609="12" href="http://www.leigeber.com/2008/10/animated-javascript-accordion/">Animated JavaScript Accordion V2</a></h4><p><img class="alignnone size-full wp-image-1560" title="Animated JavaScript Accordion V2" height="197" alt="Animated JavaScript Accordion V2" width="590" src="/UPLOAD/2011713148389119.jpg" /></p><h4>11.<a target="_blank" jquery1270793037609="13" href="http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/"> jQuery UI 1.7 Slider from a Select Element</a></h4><p><img class="alignnone size-full wp-image-1561" title="jQuery UI 1.7 Slider from a Select Element" height="106" alt="jQuery UI 1.7 Slider from a Select Element" width="590" src="/UPLOAD/2011713148389151.jpg" /></p><h4>12. <a target="_blank" jquery1270793037609="14" href="http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider">Easy Slider 1.7 &ndash; Numeric Navigation jQuery Slider</a></h4><p><img class="alignnone size-full wp-image-1562" title="Easy Slider 1.7 - Numeric Navigation jQuery Slider" height="234" alt="Easy Slider 1.7 - Numeric Navigation jQuery Slider" width="590" src="/UPLOAD/2011713148387906.jpg" /></p><h4>13. <a target="_blank" jquery1270793037609="15" href="http://www.hieu.co.uk/blog/index.php/tabswitch/">TabSwitch</a></h4><p><img class="alignnone size-full wp-image-1563" title="TabSwitch" height="176" alt="TabSwitch" width="590" src="/UPLOAD/2011713148387034.jpg" /></p><h4>14. <a target="_blank" rel="bookmark" jquery1270793037609="16" href="http://css-tricks.com/anythingslider-jquery-plugin/">AnythingSlider jQuery&nbsp;Plugin</a></h4><p><img class="alignnone size-full wp-image-1566" title="AnythingSlider jQuery Plugin" height="281" alt="AnythingSlider jQuery Plugin" width="590" src="/UPLOAD/2011713148383025.jpg" /></p><h4>15. <a target="_blank" jquery1270793037609="17" href="http://tutorialzine.com/2009/10/jquery-twitter-ticker/">A jQuery Twitter Ticker</a></h4><p><img class="alignnone size-full wp-image-1568" title="A jQuery Twitter Ticker" height="327" alt="A jQuery Twitter Ticker" width="590" src="/UPLOAD/2011713148382369.jpg" /></p><h4>16. <a target="_blank" jquery1270793037609="18" href="http://www.php-help.ro/examples/slideitmoo_1.1/">SlideItMoo 1.1 &ndash; improved image slider</a></h4><p><img class="alignnone size-full wp-image-1571" title="SlideItMoo 1.1 - improved image slider" height="224" alt="SlideItMoo 1.1 - improved image slider" width="590" src="/UPLOAD/2011713148386475.jpg" /></p><h4>17. <a target="_blank" jquery1270793037609="19" href="http://tutorialzine.com/2009/10/google-wave-history-slider-jquery/">Making a Google Wave History Slider</a></h4><p><img class="alignnone size-full wp-image-1572" title="Making a Google Wave History Slider" height="308" alt="Making a Google Wave History Slider" width="590" src="/UPLOAD/2011713148388313.jpg" /></p><h4>18. <a target="_blank" jquery1270793037609="20" href="http://bxslider.com/">bxSlider<span> &ndash; jQuery content slider</span></a></h4><p><span><img class="alignnone size-full wp-image-1573" title="bxSlider - jQuery content slider" height="167" alt="bxSlider - jQuery content slider" width="590" src="/UPLOAD/2011713148385748.jpg" /></span></p><h4><span>19. </span><a target="_blank" jquery1270793037609="21" href="http://tutorialzine.com/2009/10/slick-content-slider-jquery/">Making A Slick Content Slider</a></h4><p><img class="alignnone size-full wp-image-1574" title="Making A Slick Content Slider" height="158" alt="Making A Slick Content Slider" width="590" src="/UPLOAD/2011713148383869.jpg" /></p><h4>20. <a target="_blank" jquery1270793037609="22" href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/">SlideViewerPro 1.0</a></h4><p><img class="alignnone size-full wp-image-1575" title="slideViewerPro 1.0" height="278" alt="slideViewerPro 1.0" width="590" src="/UPLOAD/2011713148387383.jpg" /></p><h4>21. <a target="_blank" jquery1270793037609="23" href="http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/">A Beautiful Apple-style Slideshow Gallery With CSS &amp; jQuery</a></h4><p><img class="alignnone size-full wp-image-1577" title="A Beautiful Apple-style Slideshow Gallery With CSS &amp; jQuery" height="291" alt="A Beautiful Apple-style Slideshow Gallery With CSS &amp; jQuery" width="590" src="/UPLOAD/2011713148385669.jpg" /></p><h4>22. <a target="_blank" rel="bookmark" jquery1270793037609="24" href="http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/">Create a Slick and Accessible Slideshow Using jQuery</a></h4><p><img class="alignnone size-full wp-image-1579" title="Create a Slick and Accessible Slideshow Using jQuery" height="234" alt="Create a Slick and Accessible Slideshow Using jQuery" width="590" src="/UPLOAD/2011713148396576.jpg" /></p><h4>23. <a target="_blank" jquery1270793037609="25" href="http://www.ndoherty.biz/2009/10/coda-slider-2/">Coda-Slider 2.0</a></h4><p><img class="alignnone size-full wp-image-1580" title="Coda-Slider 2.0" height="218" alt="Coda-Slider 2.0" width="590" src="/UPLOAD/2011713148399497.jpg" /></p><h4>24. <a target="_blank" jquery1270793037609="26" href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html">jQuery Multimedia Portfolio</a></h4><p><img class="alignnone size-full wp-image-1581" title="jQuery Multimedia Portfolio" height="184" alt="jQuery Multimedia Portfolio" width="590" src="/UPLOAD/2011713148391123.jpg" /></p><h4>25. <a target="_blank" rel="bookmark" jquery1270793037609="27" href="http://jqueryfordesigners.com/slider-gallery/">Slider Gallery</a></h4><p><img class="alignnone size-full wp-image-1582" title="Slider Gallery" height="190" alt="Slider Gallery" width="590" src="/UPLOAD/2011713148396538.jpg" /></p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/198.html" target="_blank">继续阅读《25个不可思议的jQuery滚动展示插件及教程》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=2">JS功能代码</a> | Tags: <a href="http://www.taotg.com/catalog.asp?tags=jquery%E6%8F%92%E4%BB%B6">jquery插件</a>&nbsp;&nbsp;<a href="http://www.taotg.com/catalog.asp?tags=jQuery">jQuery</a>&nbsp;&nbsp; | <a href="http://www.taotg.com/post/198.html#comment" target="_blank">添加评论</a>(0)</p><h3>相关文章:</h3><ul><li><a href="http://www.taotg.com/post/201.html">JQuery插件大全——强烈推荐：240多个jQuery插件</a> (2011-7-13 16:6:0)  </li><li><a href="http://www.taotg.com/post/200.html">Myfocus官方演示文档正式放出（一款非常棒的焦点图库）</a> (2011-7-13 15:38:26)  </li><li><a href="http://www.taotg.com/post/199.html">jQuery的弹出窗口 ColorBox </a> (2011-7-13 14:33:21)  </li><li><a href="http://www.taotg.com/post/196.html">jquery模拟Marquee，无间断滚动内容</a> (2011-3-29 23:42:20)  </li><li><a href="http://www.taotg.com/post/177.html">jQuery实现select下拉框样式美化效果</a> (2010-9-21 4:42:55)  </li></ul>]]></description><category>JS功能代码</category><comments>http://www.taotg.com/post/198.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=198</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=198&amp;key=ed5817e4</trackback:ping></item><item><title>7款Flash和Javascript网页视频播放器</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/197.html</link><pubDate>Fri, 24 Jun 2011 17:05:23 +0800</pubDate><guid>http://www.taotg.com/post/197.html</guid><description><![CDATA[<p><strong>7款Flash和javascript网页视频播放器</strong>。梦想中的视频播放器是这样的: 支持所有格式，兼容所有主流视频网站，支持播放列表、视频缩略图、全屏播放、画面调节、预加载、体积贼小，功能贼多&hellip;&hellip;. 也许你的要求并没有这么高，找找下面有没有你满意的！</p><h4>1. <a href="http://videobox-lb.sourceforge.net/">Videobox</a></h4><p><a href="http://videobox-lb.sourceforge.net/"><img title="7款Flash和Javascript网页视频播放器" alt="Videobox - Javascript网页视频播放器" src="/UPLOAD/20116241711556367.jpg" /></a></p><p>Videobox是一个只有6k大小的脚本,用于在页面中显示视频。Videobox使用swfobject来嵌入Flash。视频可以来自Youtube、Metacafe、Google Video、iFilm和自己设置的Flash。</p><h4>2. <a href="http://pandastream.com/">Panda</a></h4><p><a href="http://pandastream.com/"><img title="7款Flash和Javascript网页视频播放器" alt="Panda - Javascript网页视频播放器" src="/UPLOAD/20116241711559452.jpg" /></a></p><p>Panda是一个<a href="http://paranimage.com/category/tools/open-source/">开源</a>的视频平台，能够处理视频的uploading、encoding与streaming。所有处理过程都通过REST API完成。Panda<a href="http://paranimage.com/category/dede/">设计</a>运行在云计算平台中，利用Amazon的Web服务群来实现。因此你需要有Amazon Web Services账号。Panda使用SimpleDB来存储所有视频数据和账号。Panda支持Flash的FLV、h264格式和<a href="http://paranimage.com/category/mobile/iphone/">iphone</a>格式等。Panda使用</p><h4>3. <a href="http://www.openvideoplayer.com/">OpenVideoPlayer</a></h4><p><a href="http://www.openvideoplayer.com/"><img title="7款Flash和Javascript网页视频播放器" alt="OpenVideoPlayer - Javascript网页视频播放器" src="/UPLOAD/20116241711551983.jpg" /></a></p><p>采用Adobe Flash与Microsoft Silverlight开发的开源Web视频播放器。</p><h4>4. <a href="http://www.xe-media.ch/demoV2/">Xe-VideoGalV3 FX</a></h4><p><a href="http://www.xe-media.ch/demoV2/"><img title="7款Flash和Javascript网页视频播放器" alt="Xe-VideoGalV3 FX - Javascript网页视频播放器" src="/UPLOAD/20116241711558223.jpg" /></a></p><p>Xe-VideoGalV3 FX是一个开源的Flash视频播放器。该播放器能够展示多部电影中某一画面的缩略图，供用户选择播放。支持在视频上添加一个透明的消息提示框。下载FLV文件。调整播放器屏幕大小等。</p><h4>5. <a href="http://emehmedovic.com/xmca/toobplayer/#/download/">ToobPlayer</a></h4><p><a href="http://emehmedovic.com/xmca/toobplayer/#/download/"><img title="7款Flash和Javascript网页视频播放器" alt="ToobPlayer - Javascript网页视频播放器" src="/UPLOAD/20116241711551065.jpg" /></a></p><p>ToobPlayer是一个轻量级（大约14-8KB）FLV播放器组件。支持图像预览，播放窗口大小调整，全屏播放模式，加载状态条提醒，支持鼠标滚轮播放进度/播放声音高低，自动重播，时间缓冲。</p><h4>6. <a href="http://flowplayer.org/">FlowPlayer</a></h4><p><a href="http://flowplayer.org/"><img title="7款Flash和Javascript网页视频播放器" alt="FlowPlayer - Javascript网页视频播放器" src="/UPLOAD/20116241711556637.jpg" /></a></p><p>FlowPlayer是一个开源的Flash视频播放器。提供所有你可能需要的功能并且这些功能都可以通过JavaScript按你的实际需求进行配置。提供良好的用户体验，支持预加载，长时间播放，播放列表，全屏播放模式等。</p><h4>7. <a href="http://www.jcplayer.com/?ref=e391ed3813r735">JCPlayer</a> (<a href="http://www.jcplayer.com/?ref=e391ed3813r735">演示地址</a>)</h4><p><a href="http://www.jcplayer.com/?ref=e391ed3813r735"><img title="7款Flash和Javascript网页视频播放器" alt="JCPlayer - Javascript网页视频播放器" src="/UPLOAD/20116241711559040.jpg" /></a></p><p>JCPlayer是一个免费的Flash视频文件播放器。该播放器支持全屏播放，并且所有功能都完全可自定义包括默认可用的皮肤。</p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/197.html" target="_blank">继续阅读《7款Flash和Javascript网页视频播放器》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=7">网站设计作品</a> | Tags:  | <a href="http://www.taotg.com/post/197.html#comment" target="_blank">添加评论</a>(0)</p><p><a href="http://www.taotg.com/post/197.html#comment" target="_blank">还没有相关文章，您来说两句？</a></p>]]></description><category>网站设计作品</category><comments>http://www.taotg.com/post/197.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=197</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=197&amp;key=232a6f8a</trackback:ping></item><item><title>jquery模拟Marquee，无间断滚动内容</title><author>81146566@qq.com (木偶提线)</author><link>http://www.taotg.com/post/196.html</link><pubDate>Tue, 29 Mar 2011 23:42:20 +0800</pubDate><guid>http://www.taotg.com/post/196.html</guid><description><![CDATA[<p>&nbsp;kxbdMarquee.js</p><p>/**<br />* @classDescription 模拟Marquee，无间断滚动内容<br />* @author Aken Li(<a href="http://www.kxbd.com/">www.kxbd.com</a>)<br />* @date 2009-07-17<br />* @DOM<br />* &lt;div id=&quot;marquee&quot;&gt;<br />* &nbsp;&nbsp; &lt;ul&gt;<br />*&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />*&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;/li&gt;<br />* &nbsp;&nbsp; &lt;/ul&gt;<br />* &lt;/div&gt;<br />* @CSS<br />* #marquee {width:200px;height:50px;overflow:hidden;}<br />* @Usage<br />* $('#marquee').kxbdMarquee(options);<br />* @options<br />*&nbsp;&nbsp; delay:等待多久后滚动，单位秒<br />*&nbsp;&nbsp; isEqual:true,//所有滚动的元素长宽是否相等,true,false<br />* loop: 0,//循环滚动次数，0时无限<br />*&nbsp;&nbsp; direction: 'left',//滚动方向，'left','right','up','down'<br />*&nbsp;&nbsp; scrollAmount:1,//步长<br />*&nbsp;&nbsp; scrollDelay:20//时长<br />*&nbsp;&nbsp; controlBtn:{left:'#goL',right:'#goR'},//控制加速滚动的按钮ID，有四个属性left,right,up,down分别对应四个方向<br />*&nbsp;&nbsp; newAmount:4,//加速滚动的步长<br />*&nbsp;&nbsp; eventA:'mouseenter',//鼠标事件，加速<br />*&nbsp;&nbsp; eventB:'mouseleave'//鼠标事件，原速<br />*/<br />(function($){</p><p>$.fn.kxbdMarquee = function(options){<br />&nbsp;&nbsp; var opts = $.extend({},$.fn.kxbdMarquee.defaults, options);<br />&nbsp;&nbsp;<br />&nbsp;&nbsp; return this.each(function(){<br />&nbsp;&nbsp;&nbsp; var $marquee = $(this);//滚动元素容器<br />&nbsp;&nbsp;&nbsp; var _scrollObj = $marquee.get(0);//滚动元素容器DOM<br />&nbsp;&nbsp;&nbsp; var scrollW = $marquee.width();//滚动元素容器的宽度<br />&nbsp;&nbsp;&nbsp; var scrollH = $marquee.height();//滚动元素容器的高度<br />&nbsp;&nbsp;&nbsp; var $element = $marquee.children(); //滚动元素<br />&nbsp;&nbsp;&nbsp; var $kids = $element.children();//滚动子元素<br />&nbsp;&nbsp;&nbsp; var scrollSize=0;//滚动元素尺寸<br />&nbsp;&nbsp;&nbsp; var _type = (opts.direction == 'left' || opts.direction == 'right') ? 1:0;//滚动类型，1左右，0上下</p><p>&nbsp;&nbsp;&nbsp; //防止滚动子元素比滚动元素宽而取不到实际滚动子元素宽度<br />&nbsp;&nbsp;&nbsp; $element.css(_type?'width':'height',10000);<br />&nbsp;&nbsp;&nbsp; //获取滚动元素的尺寸<br />&nbsp;&nbsp;&nbsp; if (opts.isEqual) {<br />&nbsp;&nbsp;&nbsp;&nbsp; scrollSize = $kids[_type?'outerWidth':'outerHeight']() * $kids.length;<br />&nbsp;&nbsp;&nbsp; }else{<br />&nbsp;&nbsp;&nbsp;&nbsp; $kids.each(function(){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; scrollSize += $(this)[_type?'outerWidth':'outerHeight']();<br />&nbsp;&nbsp;&nbsp;&nbsp; });<br />&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; //滚动元素总尺寸小于容器尺寸，不滚动<br />&nbsp;&nbsp;&nbsp; if (scrollSize&lt;(_type?scrollW:scrollH)) return; <br />&nbsp;&nbsp;&nbsp; //克隆滚动子元素将其插入到滚动元素后，并设定滚动元素宽度<br />&nbsp;&nbsp;&nbsp; $element.append($kids.clone()).css(_type?'width':'height',scrollSize*2);<br />&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp; var numMoved = 0;<br />&nbsp;&nbsp;&nbsp; function scrollFunc(){<br />&nbsp;&nbsp;&nbsp;&nbsp; var _dir = (opts.direction == 'left' || opts.direction == 'right') ? 'scrollLeft':'scrollTop';<br />&nbsp;&nbsp;&nbsp;&nbsp; if (opts.loop &gt; 0) {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; numMoved+=opts.scrollAmount;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(numMoved&gt;scrollSize*opts.loop){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; _scrollObj[_dir] = 0;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return clearInterval(moveId);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } <br />&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp; if(opts.direction == 'left' || opts.direction == 'up'){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var newPos = _scrollObj[_dir] + opts.scrollAmount;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(newPos&gt;=scrollSize){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; newPos -= scrollSize;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; _scrollObj[_dir] = newPos;<br />&nbsp;&nbsp;&nbsp;&nbsp; }else{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var newPos = _scrollObj[_dir] - opts.scrollAmount;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(newPos&lt;=0){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; newPos += scrollSize;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; _scrollObj[_dir] = newPos;<br />&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; };<br />&nbsp;&nbsp;&nbsp; //滚动开始<br />&nbsp;&nbsp;&nbsp; var moveId;<br />&nbsp;&nbsp;&nbsp; if(opts.delay&gt;0){<br />&nbsp;&nbsp;&nbsp;&nbsp; setTimeout(function(){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; moveId = setInterval(scrollFunc, opts.scrollDelay);<br />&nbsp;&nbsp;&nbsp;&nbsp; },opts.delay*1000);<br />&nbsp;&nbsp;&nbsp; }else{<br />&nbsp;&nbsp;&nbsp;&nbsp; moveId = setInterval(scrollFunc, opts.scrollDelay);<br />&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp; //鼠标划过停止滚动<br />&nbsp;&nbsp;&nbsp; $marquee.hover(<br />&nbsp;&nbsp;&nbsp;&nbsp; function(){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; clearInterval(moveId);<br />&nbsp;&nbsp;&nbsp;&nbsp; },<br />&nbsp;&nbsp;&nbsp;&nbsp; function(){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; clearInterval(moveId);<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; moveId = setInterval(scrollFunc, opts.scrollDelay);<br />&nbsp;&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; );<br />&nbsp;&nbsp;&nbsp;<br />&nbsp;&nbsp;&nbsp; //控制加速运动<br />&nbsp;&nbsp;&nbsp; if(opts.controlBtn){<br />&nbsp;&nbsp;&nbsp;&nbsp; $.each(opts.controlBtn, function(i,val){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(val).bind(opts.eventA,function(){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; opts.direction = i;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; opts.oldAmount = opts.scrollAmount;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; opts.scrollAmount = opts.newAmount;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }).bind(opts.eventB,function(){<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; opts.scrollAmount = opts.oldAmount;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br />&nbsp;&nbsp;&nbsp;&nbsp; });<br />&nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp; });<br />};<br />$.fn.kxbdMarquee.defaults = {<br />&nbsp;&nbsp; delay:0,<br />&nbsp;&nbsp; isEqual:true,//所有滚动的元素长宽是否相等,true,false<br />&nbsp;&nbsp; loop: 0,//循环滚动次数，0时无限<br />&nbsp;&nbsp; direction: 'left',//滚动方向，'left','right','up','down'<br />&nbsp;&nbsp; scrollAmount:1,//步长<br />&nbsp;&nbsp; scrollDelay:30,//时长<br />&nbsp;&nbsp; newAmount:3,//加速滚动的步长<br />&nbsp;&nbsp; eventA:'mousedown',//鼠标事件，加速<br />&nbsp;&nbsp; eventB:'mouseup'//鼠标事件，原速<br />};<br /><br />$.fn.kxbdMarquee.setDefaults = function(settings) {<br />&nbsp;&nbsp; $.extend( $.fn.kxbdMarquee.defaults, settings );<br />};<br /><br />})(jQuery);</p><p>html</p><p>&nbsp;</p><p>&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&quot;&gt;<br />&lt;html xmlns=&quot;<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>&quot;&gt;<br />&lt;head&gt;<br />&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br />&lt;title&gt;kxbdMarquee - 模拟Marquee无缝滚动&lt;/title&gt;<br />&lt;meta name=&quot;generator&quot; content=&quot;Aptana&quot; /&gt;<br />&lt;meta name=&quot;author&quot; content=&quot;Aken <a href="mailto:Li@www.kxbd.com">Li@www.kxbd.com</a>&quot; /&gt;<br />&lt;meta name=&quot;keywords&quot; content=&quot;&quot; /&gt;<br />&lt;meta name=&quot;description&quot; content=&quot;&quot; /&gt;<br />&lt;style type=&quot;text/css&quot;&gt;<br />* {margin:0;padding:0;}<br />body { font-size:12px;}<br />a {color:#333;}<br />ul {list-style:none;}<br />#marquee1 {position:absolute;top:80px;left:50px;width:310px;height:45px;overflow:hidden;background:#333;border:2px solid #333;}<br />#marquee1 ul li {float:left; padding:0 1px;}<br />#marquee1 ul li img {display:block;}</p><p>#marquee2 {position:absolute;top:80px;left:400px;width:300px;height:25px;overflow:hidden; background:#EFEFEF;}<br />#marquee2 ul li {float:left; padding:0 10px; line-height:25px;}</p><p>#marquee3 {position:absolute;top:150px;left:50px;width:60px;height:235px;overflow:hidden;background:#333;border:2px solid #333;}<br />#marquee3 ul li {float:left; padding:1px 0;}<br />#marquee3 ul li img {display:block;}</p><p>#marquee4 {position:absolute;top:150px;left:400px;width:200px;height:200px; overflow:hidden;background:#EFEFEF;}<br />#marquee4 ul li {float:left; width:180px; padding:10px; line-height:20px;}</p><p>#control {position:absolute;left:50px; top:20px;}</p><p>#contro2 {position:absolute;left:150px; top:150px;}</p><p>&lt;/style&gt;<br />&lt;script type=&quot;text/javascript&quot; src=&quot;jquery-1.3.2.js&quot;&gt;&lt;/script&gt;<br />&lt;script type=&quot;text/javascript&quot; src=&quot;kxbdMarquee.js&quot;&gt;&lt;/script&gt;<br />&lt;script type=&quot;text/javascript&quot;&gt;</p><p>$(function(){<br />$('#marquee1').kxbdMarquee({<br />direction:'right',<br />controlBtn:{left:'#goL',right:'#goR'},<br />newAmount:4,<br />eventA:'mouseenter',<br />eventB:'mouseleave'<br />});<br />$('#marquee3').kxbdMarquee({<br />direction:'up',<br />controlBtn:{up:'#goU',down:'#goD'}<br />});<br />$('#marquee2').kxbdMarquee({isEqual:false});<br />$('#marquee4').kxbdMarquee({isEqual:false,direction:'up'});<br />});</p><p>&lt;/script&gt;<br />&lt;/head&gt;</p><p>&lt;body&gt;<br />&lt;div id=&quot;control&quot;&gt;鼠标划过：&lt;br /&gt;&lt;a href=&quot;javascript:void(0);&quot; id=&quot;goL&quot;&gt;向左加快&lt;/a&gt; &lt;a href=&quot;javascript:void(0);&quot; id=&quot;goR&quot;&gt;向右加快&lt;/a&gt;&lt;/div&gt;<br />&lt;div id=&quot;contro2&quot;&gt;鼠标按下：&lt;br /&gt;&lt;a href=&quot;javascript:void(0);&quot; id=&quot;goU&quot;&gt;向上加快&lt;/a&gt; &lt;a href=&quot;javascript:void(0);&quot; id=&quot;goD&quot;&gt;向下加快&lt;/a&gt;&lt;/div&gt;<br />&lt;div id=&quot;marquee1&quot;&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;img src=&quot;images/01s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/02s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/03s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/04s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/05s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/06s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/07s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/08s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/div&gt;</p><p>&lt;div id=&quot;marquee2&quot;&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告一&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告二新闻公告二新闻公告二新闻公告二&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告三新闻公告三&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告四新闻公告四新闻公告四&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告六新闻公告六新闻公告六&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/div&gt;</p><p>&lt;div id=&quot;marquee3&quot;&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;img src=&quot;images/01s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/02s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/03s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/04s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/05s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/06s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/07s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;img src=&quot;images/08s.jpg&quot; width=&quot;60&quot; height=&quot;45&quot; /&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/div&gt;</p><p>&lt;div id=&quot;marquee4&quot;&gt;<br />&lt;ul&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告一新闻公告一&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二新闻公告二&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告三新闻公告三新闻公告三新闻公告三&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告四新闻公告四新闻公告四新闻公告四新闻公告四新闻公告四&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告五新闻公告五新闻公告五新闻公告五新闻公告五&lt;/a&gt;&lt;/li&gt;<br />&lt;li&gt;&lt;a href=&quot;#&quot;&gt;新闻公告六新闻公告六新闻公告六新闻公告六新闻公告六新闻公告六&lt;/a&gt;&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/div&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;</p><p>演示<a target="_blank" href="http://www.taotg.com/UPLOAD/DEMO/Js/kxbdMarquee/">http://www.taotg.com/UPLOAD/DEMO/Js/kxbdMarquee/</a></p><p>下载<a target="_blank" href="http://www.taotg.com/UPLOAD/DEMO/Js/kxbdMarquee.rar">http://www.taotg.com/UPLOAD/DEMO/Js/kxbdMarquee.rar</a></p><p>© 2010 <a href="http://www.TaoTg.com/">木偶提线</a>. Some Rights Reserved.</p><p><a href="http://www.taotg.com/post/196.html" target="_blank">继续阅读《jquery模拟Marquee，无间断滚动内容》全文</a></p><p>分类: <a href="http://www.taotg.com/catalog.asp?cate=2">JS功能代码</a> | Tags: <a href="http://www.taotg.com/catalog.asp?tags=jquery%E6%8F%92%E4%BB%B6">jquery插件</a>&nbsp;&nbsp; | <a href="http://www.taotg.com/post/196.html#comment" target="_blank">添加评论</a>(5)</p><h3>相关文章:</h3><ul><li><a href="http://www.taotg.com/post/201.html">JQuery插件大全——强烈推荐：240多个jQuery插件</a> (2011-7-13 16:6:0)  </li><li><a href="http://www.taotg.com/post/200.html">Myfocus官方演示文档正式放出（一款非常棒的焦点图库）</a> (2011-7-13 15:38:26)  </li><li><a href="http://www.taotg.com/post/199.html">jQuery的弹出窗口 ColorBox </a> (2011-7-13 14:33:21)  </li><li><a href="http://www.taotg.com/post/198.html">25个不可思议的jQuery滚动展示插件及教程</a> (2011-7-13 14:5:54)  </li><li><a href="http://www.taotg.com/post/127.html">21个演示展示强大的jQuery特效</a> (2010-7-27 17:39:56)  </li></ul>]]></description><category>JS功能代码</category><comments>http://www.taotg.com/post/196.html#comment</comments><wfw:comment>http://www.taotg.com/</wfw:comment><wfw:commentRss>http://www.taotg.com/feed.asp?cmt=196</wfw:commentRss><trackback:ping>http://www.taotg.com/cmd.asp?act=tb&amp;id=196&amp;key=37235aa9</trackback:ping></item></channel></rss>

