Soumettre la recherche
Mettre en ligne
Web设计 4 锋利的j_query(进入企业级应用阶段)
•
Télécharger en tant que PPT, PDF
•
0 j'aime
•
395 vues
Z
ziggear
Suivre
Technologie
Affichage du diaporama
Signaler
Partager
Affichage du diaporama
Signaler
Partager
1 sur 22
Télécharger maintenant
Recommandé
Node getting-started
Node getting-started
lylijincheng
KISSY for starter
KISSY for starter
yiming he
J query
J query
waitcat
Mvc
Mvc
tbmallf2e
KISSY_Component
KISSY_Component
yiming he
AJAX Basic
AJAX Basic
Ryan Chung
jQuery 教學 ( 搭配 EZoApp )
jQuery 教學 ( 搭配 EZoApp )
EZoApp
Backbone js and requirejs
Backbone js and requirejs
Chi-wen Sun
Recommandé
Node getting-started
Node getting-started
lylijincheng
KISSY for starter
KISSY for starter
yiming he
J query
J query
waitcat
Mvc
Mvc
tbmallf2e
KISSY_Component
KISSY_Component
yiming he
AJAX Basic
AJAX Basic
Ryan Chung
jQuery 教學 ( 搭配 EZoApp )
jQuery 教學 ( 搭配 EZoApp )
EZoApp
Backbone js and requirejs
Backbone js and requirejs
Chi-wen Sun
JQuery 学习
JQuery 学习
cssrain
Template mb-kao
Template mb-kao
xwcoder
jQuery入門
jQuery入門
鈺棠 徐
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
J Query简介及入门指南
J Query简介及入门指南
AppZ
Sina App Quick Guide 1
Sina App Quick Guide 1
guestf4aed35
Backbone.js and MVW 101
Backbone.js and MVW 101
Jollen Chen
KISSY Mechanism
KISSY Mechanism
lifesinger
Underscore
Underscore
cazhfe
Javascript
Javascript
Ryan Chung
面向未来的重构
面向未来的重构
Kejun Zhang
更好的文件组织
更好的文件组织
Kejun Zhang
J Query Learn
J Query Learn
guestfb42fc
Script with engine
Script with engine
Webrebuild
前端MVVM框架安全
前端MVVM框架安全
Borg Han
用Jquery实现拖拽层
用Jquery实现拖拽层
yiditushe
一拍一产品背后的故事(React实战)
一拍一产品背后的故事(React实战)
Kejun Zhang
jQuery 選取器解析
jQuery 選取器解析
Kingsley Zheng
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Justin Lin
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
Sheng-Han Su
Part 2-Theatre/Special
Part 2-Theatre/Special
dubermanes
Silozuri si instalatii de depozitare (Rumanian)
Silozuri si instalatii de depozitare (Rumanian)
Silos Cordoba
Contenu connexe
Tendances
JQuery 学习
JQuery 学习
cssrain
Template mb-kao
Template mb-kao
xwcoder
jQuery入門
jQuery入門
鈺棠 徐
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
Joseph Chiang
J Query简介及入门指南
J Query简介及入门指南
AppZ
Sina App Quick Guide 1
Sina App Quick Guide 1
guestf4aed35
Backbone.js and MVW 101
Backbone.js and MVW 101
Jollen Chen
KISSY Mechanism
KISSY Mechanism
lifesinger
Underscore
Underscore
cazhfe
Javascript
Javascript
Ryan Chung
面向未来的重构
面向未来的重构
Kejun Zhang
更好的文件组织
更好的文件组织
Kejun Zhang
J Query Learn
J Query Learn
guestfb42fc
Script with engine
Script with engine
Webrebuild
前端MVVM框架安全
前端MVVM框架安全
Borg Han
用Jquery实现拖拽层
用Jquery实现拖拽层
yiditushe
一拍一产品背后的故事(React实战)
一拍一产品背后的故事(React实战)
Kejun Zhang
jQuery 選取器解析
jQuery 選取器解析
Kingsley Zheng
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Justin Lin
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
Sheng-Han Su
Tendances
(20)
JQuery 学习
JQuery 学习
Template mb-kao
Template mb-kao
jQuery入門
jQuery入門
不断归零的前端人生 - 2016 中国软件开发者大会
不断归零的前端人生 - 2016 中国软件开发者大会
J Query简介及入门指南
J Query简介及入门指南
Sina App Quick Guide 1
Sina App Quick Guide 1
Backbone.js and MVW 101
Backbone.js and MVW 101
KISSY Mechanism
KISSY Mechanism
Underscore
Underscore
Javascript
Javascript
面向未来的重构
面向未来的重构
更好的文件组织
更好的文件组织
J Query Learn
J Query Learn
Script with engine
Script with engine
前端MVVM框架安全
前端MVVM框架安全
用Jquery实现拖拽层
用Jquery实现拖拽层
一拍一产品背后的故事(React实战)
一拍一产品背后的故事(React实战)
jQuery 選取器解析
jQuery 選取器解析
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
Servlet & JSP 教學手冊第二版 - 第 4 章:會話管理
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
從改寫後台 jQuery 開始的 Vue.js 宣告式渲染
En vedette
Part 2-Theatre/Special
Part 2-Theatre/Special
dubermanes
Silozuri si instalatii de depozitare (Rumanian)
Silozuri si instalatii de depozitare (Rumanian)
Silos Cordoba
การไหว้
การไหว้
kingpai
Stuck in Neutral...Mapping Your Business Future
Stuck in Neutral...Mapping Your Business Future
Christopher Kappes
2015 Toyota Yaris in Scranton | Scranton Toyota Dealership
2015 Toyota Yaris in Scranton | Scranton Toyota Dealership
scranton toyota
ステキな飼い主になろう!〜意外と知らないドッグマナー「お散歩編」〜
ステキな飼い主になろう!〜意外と知らないドッグマナー「お散歩編」〜
schoowebcampus
164187847 emb-engine-d4 ea
164187847 emb-engine-d4 ea
Nelson Manríquez
Great Sand Dunes Geo 111
Great Sand Dunes Geo 111
bjnarum
Far More Could Be Done To Stop The Deadly Bacteria C
Far More Could Be Done To Stop The Deadly Bacteria C
esalozzo
Abiquo 2.0 from 1000 feet
Abiquo 2.0 from 1000 feet
abiquo labs
Handling equipment (English)
Handling equipment (English)
Silos Cordoba
【再放送】創業前に知っておきたいこと【スタートアップ学部・基礎科目】
【再放送】創業前に知っておきたいこと【スタートアップ学部・基礎科目】
schoowebcampus
Online regulation and effective regulatory engagement
Online regulation and effective regulatory engagement
Rob Blamires
Sociolinguistics
Sociolinguistics
jesuspickers80
Tender bulletin 04 05-2012
Tender bulletin 04 05-2012
Booksy Sello
Arijit
Arijit
Arijit Basu
Kinect
Kinect
Adam Kašpar
15分で誰でもできる、はじめての電子書籍出版 先生:大西隆幸
15分で誰でもできる、はじめての電子書籍出版 先生:大西隆幸
schoowebcampus
Impact library adelaide q3 2012
Impact library adelaide q3 2012
Guy Turner
En vedette
(19)
Part 2-Theatre/Special
Part 2-Theatre/Special
Silozuri si instalatii de depozitare (Rumanian)
Silozuri si instalatii de depozitare (Rumanian)
การไหว้
การไหว้
Stuck in Neutral...Mapping Your Business Future
Stuck in Neutral...Mapping Your Business Future
2015 Toyota Yaris in Scranton | Scranton Toyota Dealership
2015 Toyota Yaris in Scranton | Scranton Toyota Dealership
ステキな飼い主になろう!〜意外と知らないドッグマナー「お散歩編」〜
ステキな飼い主になろう!〜意外と知らないドッグマナー「お散歩編」〜
164187847 emb-engine-d4 ea
164187847 emb-engine-d4 ea
Great Sand Dunes Geo 111
Great Sand Dunes Geo 111
Far More Could Be Done To Stop The Deadly Bacteria C
Far More Could Be Done To Stop The Deadly Bacteria C
Abiquo 2.0 from 1000 feet
Abiquo 2.0 from 1000 feet
Handling equipment (English)
Handling equipment (English)
【再放送】創業前に知っておきたいこと【スタートアップ学部・基礎科目】
【再放送】創業前に知っておきたいこと【スタートアップ学部・基礎科目】
Online regulation and effective regulatory engagement
Online regulation and effective regulatory engagement
Sociolinguistics
Sociolinguistics
Tender bulletin 04 05-2012
Tender bulletin 04 05-2012
Arijit
Arijit
Kinect
Kinect
15分で誰でもできる、はじめての電子書籍出版 先生:大西隆幸
15分で誰でもできる、はじめての電子書籍出版 先生:大西隆幸
Impact library adelaide q3 2012
Impact library adelaide q3 2012
Similaire à Web设计 4 锋利的j_query(进入企业级应用阶段)
Javascript autoload
Javascript autoload
jay li
第三方内容开发最佳实践
第三方内容开发最佳实践
taobao.com
Javascript之昨是今非
Javascript之昨是今非
Tony Deng
咩星征服計劃 用 Js 征服地球 Part II
咩星征服計劃 用 Js 征服地球 Part II
羊 小咩 (lamb-mei)
Nightwatch101
Nightwatch101
Hsin-Hao Tang
A
A
guested19a2
A
A
guested19a2
Javascript primer plus
Javascript primer plus
Dongxu Yao
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
ziggear
前端MVC之backbone
前端MVC之backbone
Jerry Xie
jQuery底层架构
jQuery底层架构
fangdeng
那 Angular 那 AJAX 那 RESTful
那 Angular 那 AJAX 那 RESTful
功豪 魏
前端开发之Js
前端开发之Js
fangdeng
面向对象的Js培训
面向对象的Js培训
yiditushe
J query基础教程(1~2章)
J query基础教程(1~2章)
dong bichao
Spring 2.x 中文
Spring 2.x 中文
Guo Albert
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
ziggear
jQuery介绍@disandu.com
jQuery介绍@disandu.com
Think hy
Angular js twmvc#17
Angular js twmvc#17
twMVC
Dive into kissy
Dive into kissy
jay li
Similaire à Web设计 4 锋利的j_query(进入企业级应用阶段)
(20)
Javascript autoload
Javascript autoload
第三方内容开发最佳实践
第三方内容开发最佳实践
Javascript之昨是今非
Javascript之昨是今非
咩星征服計劃 用 Js 征服地球 Part II
咩星征服計劃 用 Js 征服地球 Part II
Nightwatch101
Nightwatch101
A
A
A
A
Javascript primer plus
Javascript primer plus
Web设计 3 java_script初探(程序员与设计师的双重眼光)
Web设计 3 java_script初探(程序员与设计师的双重眼光)
前端MVC之backbone
前端MVC之backbone
jQuery底层架构
jQuery底层架构
那 Angular 那 AJAX 那 RESTful
那 Angular 那 AJAX 那 RESTful
前端开发之Js
前端开发之Js
面向对象的Js培训
面向对象的Js培训
J query基础教程(1~2章)
J query基础教程(1~2章)
Spring 2.x 中文
Spring 2.x 中文
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
Web设计 5 “动感新势力”(css3 html5 以及 web_gl)
jQuery介绍@disandu.com
jQuery介绍@disandu.com
Angular js twmvc#17
Angular js twmvc#17
Dive into kissy
Dive into kissy
Web设计 4 锋利的j_query(进入企业级应用阶段)
1.
Chapter 4 锋利的
jQuery —— 进入企业级应用阶段
2.
一个相册的实现
3.
一个相册的实现
获取 a 元素 href 路径 var source = whichpic.getAttribute("href"); 获取 placeholder 元素 var placeholder = document.getElementById("placeholder "); 设置 placeholder 的 src 属性 placeholder.setAttribute("src",sourc e);
4.
一个相册的实现 函数: function showPic(whichpic) { var
source = whichpic.getAttribute("href"); var placeholder = document.getElementById("placeholder "); placeholder.setAttribute("src",source ); }
5.
一个相册的实现 如何将函数应用到页面交互中?
事件处理函数
6.
一个相册的实现 ondblclick 鼠标双击时触发此事件 onmousedown
按下鼠标时触发此事件 onmouseover 当鼠标移动到某对象范围的上方 时触发此事件 onload 页面内容完成时触发此事件 onmove 浏览器的窗口被移动时触发此事件 参考: http://www.iteye.com/topic/517899
7.
一个相册的实现 <li>
<a href="images/fireworks.j pg" onclick="showPic(this); return false;" title="A fireworks display">Fireworks</a> </li>
8.
一个相册的实现 <li>
<a href="images/fireworks.j pg" onclick="showPic(this); return false;" title="A fireworks display">Fireworks</a> </li> 问题: 如果没有“ return false;” 呢?
9.
一个相册的实现 增加提示语句
<p id="description">Choose an image.</p> 怎样让提示语句部分根据图片的变化显示图 片描述??
10.
一个相册的实现 回顾: DOM 树
11.
一个相册的实现 回顾: DOM 树 某个节点属性是不是这棵树的一部分? node.ChildNodes node.firstChild node.lastChild
12.
一个相册的实现 • 修改 showPic
函数: • var text = whichpic.getAttribute("title"); • var description = document.getElementById("description "); • description.firstChild.nodeValue = text;
13.
一个相册的实现 • 美化它!
<link rel="stylesheet" type="text/css" href="main.css"/>
14.
Javascript 库 • Prototype http://prototypejs.org/ •
Dojo http://dojotoolkit.org/ • jQuery http://jquery.com/
15.
为何选择 jQuery ? •
jQuery 思想: write less, do more • 封装了大量 DOM 操作 • 封装 Ajax
16.
DOM 到 jQ •
document.getElementById("placeholder") • $("#placeholder")
17.
DOM 到 jQ •
重写 javascript 的相册 var source = whichpic.getAttribute("href"); 转换为 whichpic.href var placeholder = document.getElementById("placeholder"); 转换为 $("#placeholder") placeholder.setAttribute("src",source); 转换为 placeholder.attr("src",source);
18.
DOM 到 jQ •
新的函数: function showPic(whichpic) { var source = whichpic.href; $ ("#placeholder").attr("src",source); var desc = whichpic.title; $("#description").text(desc); }
19.
DOM 到 jQ •
再简洁些: function showPic(whichpic) { $ ("#placeholder").attr("src",whichpic .href); $ ("#description").text(whichpic.title ); } 加入到“示例 2” 查看效果
20.
jQ 强大的选择器 • $("#one")
id 选择器 • $(".mini") class 选择器 • $('div') tag 选择器 • $("div span") 子孙 -> 后代
21.
综合设计 • 使用 CSS
及 javascript 仿制 Windows8 Metro 界面
22.
综合设计 • 使用 CSS
及 javascript 仿制 Windows8 Metro 界面
Télécharger maintenant