首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Web设计员值得收藏的10个jQuery特效

2012-10-26 
Web设计师值得收藏的10个jQuery特效先试试看?特效实例:View jQuery Demos:http://www.webdesignerwall.com

Web设计师值得收藏的10个jQuery特效

先试试看?特效实例:

View jQuery Demos:http://www.webdesignerwall.com/demo/jquery/

jQuery是如何工作的?

首先,你需要下载一个jQuery版本,并将它插入到<head>标签内。然后,你将需要写函数来告诉jQuery做些什么,下面的这个图表将告诉你jQuery是怎样工作的(请点击图片,查看大图):

Web设计员值得收藏的10个jQuery特效

Second part: 当<a width="491" src="/img/2012/09/27/1357473207.jpg" height="408" width="437" src="/img/2012/09/27/1357473208.jpg" height="219" 和/或没有"#"的< a>元素,并添加"external" class和target= "_blank"。

  1. $(document).ready(function(){ ??
  2. ?$("a[@href$=pdf]").addClass("pdf"); ??
  3. ?$("a[@href$=zip]").addClass("zip"); ??
  4. ?$("a[@href$=psd]").addClass("psd"); ??
  5. ?$("a:not([@href*=http://www.webdesignerwall.com])").not("[href^=#]")??? ??.addClass("external")??? ?
  6. ?.attr({?target:?"_blank"?}); ??
  7. });?

view demo:http://www.webdesignerwall.com/demo/jquery/link-types.html

热点排行