扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
13_疯狂软件_疯狂Java_李刚老师_javaScript_增加HTML节点的方式.wmv种子下载地址:
创新互联长期为上1000家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为三门企业提供专业的成都网站设计、做网站,三门网站改版等技术服务。拥有10年丰富建站经验和众多成功案例,为您定制开发。
thunder://QUFodHRwOi8vYWlrYW5keS5vcmcvMTNf55av54uC6L2v5Lu2X+eWr+eLgkphdmFf5p2O5Yia6ICB5biIX2phdmFTY3JpcHRf5aKe5YqgSFRNTOiKgueCueeahOaWueW8jy53bXY/ZmlkPUZ3WjNQNGdCUEFoUXY4bE9WanNwVjBFWnV6OEFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUEmbWlkPTY2NiZ0aHJlc2hvbGQ9MTUwJnRpZD1FNTFERDdCQzAxQTkyODJCQTc3RUMxQzNCRUIzQ0JGNyZzcmNpZD0xMjAmdmVybm89MVpa
采纳!做一个有道德的观众
HTML5+CSS3从入门到精通
李东博 著
推荐指数:★★★☆
简介:本书通过基础知识+中小实例+综合案例的方式,讲述了用HTML5+CSS3设计构建网站的必备知识,相对于专业指南、高级程序设计、开发指南同类图书,本书是一本适合快速入手的自学教程。
响应式Web设计:HTML5和CSS3实战
BenFrain (作者), 王永强(译者)
推荐指数:★★★★
简介:全书主要是带领读者做一个小网页来写的,其实响应式的东西讲得比较少,大半内容是介绍H5和css3的基础知识。如果同时想了解H5和css3和响应式设计入门,这本书不错。
HTML5移动Web开发实战详解
林珑 (作者)
推荐指数:★★★★☆
简介:本书由浅入深,全面、系统、详尽地介绍了HTML5相关技术和其在移动开发领域的应用。书中提供了大量的代码示例,读者可以通过这些例子理解知识点,也可以直接在开发实战中稍加修改应用这些代码。《HTML5移动Web开发实战详解》涉及面广,从基本原理到实战,再到项目工作流,几乎涉及一个合格的前端开发工程师需要具备的所有重要知识。
疯狂HTML5/CSS3/JavaScript讲义
李刚 (作者)
推荐指数:★★★★
简介:这是一本全面介绍HTML 5、CSS3和JavaScript前端开发技术的图书,系统地介绍了HTML 5常用的元素和属性、HTML5的表单元素和属性、HTML5的绘图支持、HTML5的多媒体支持、CSS 3的功能和用法、最前沿的变形与动画功能等。除此之外,《疯狂HTML 5/CSS3/JavaScript讲义》还系统地介绍了JavaScript编程知识,包括JavaScript基本语法、DOM编程,以及HTML5新增的本地存储、离线应用、JavaScript多线程、客户端通信支持、WebSocket编程等。
HTML5触摸界面设计与开发
伍兹 (StephenWoods) (作者), 覃介右谷岳(译者)
推荐指数:★★★★☆
简介:《HTML5触摸界面设计与开发》专注于触摸界面的开发,内容的结构和优化网站的思路大概一致。上半部分涵盖了能使各类网站,特别是移动网站变快的基本概念。书的后半部分是专门讲触摸界面的,特别是尽可能地让它们更平稳和快速。本书适合具有一定经验的Web开发者阅读参考。
HTML5与CSS3权威指南(上下册)(第3版)
陆凌牛(作者)
推荐指数:★★★★☆
简介:本书分为上下两册。上册全面系统地讲解了HTML5相关的技术,以HTML5对现有Web应用产生的变革开篇;下册全面系统地讲解了CSS3相关的技术,以CSS3的功能和模块结构开篇,顺序讲解了各种选择器及其使用、文字与字体的相关样式、盒相关样式、背景与边框相关样式、布局相关样式、变形处理、动画、颜色相关样式等内容。
HTML5+CSS3+jQueryMobile轻松构造APP与移动网站
陈婉凌 著
推荐指数:★★★★☆
简介:全书以HTML与CSS为主,配合jQuery制作网页,并搭配jQueryMobile制作移动网页,通过具体的范例从基础到高级循序渐进地讲解。首先介绍了HTML5网页开发和CSS网页美化,还介绍了目前热门的移动设备网页技术,读者无须学习复杂的程序,就能够轻松创建移动设备的网页;最后通过两个移动设备网页制作实例让读者进行实战练习,以加深理解。理论部分介绍比较扎实,美中不足的是实战案例相对较少。
HTML5程序设计(第2版)
柳伯斯(Peter Lubbers) 阿伯斯(BrianAlbers) 萨利姆(Frank Salim) (作者), 柳靖 李杰 (译者)
推荐指数:★★★★★
简介:《HTML5程序设计(第2版)》首先介绍了HTML5的历史背景、新的语义标签及与以往HTML版本相比的根本变化,同时揭示了HTML5背后的设计原理。本书在上一版的基础上新增了SVG和拖放API相关内容,并对部分内容进行了更新。从第2章起,分别围绕构建令人神往的富Web应用,逐一讨论了HTML5的Canvas、Geolocation、Communication、WebSocket、Forms、WebWorkers、Storage等API的使用,辅以直观明了的客户端和服务器端示例代码,让开发人员能够迅速理解和掌握新一代Web标准所涵盖的核心技术。
本书面向有一定经验的Web应用开发人员,对HTML5及未来Web应用技术发展有浓厚兴趣的读者也可以学习参考。
JavaScript语言精粹(修订版)
道格拉斯·克罗克福德(Douglas Crockford)(作者);赵泽欣 等 (译者)
推荐指数:★★★★★
简介:JS是门混乱的语言,这本书能够帮助你区分哪些是语言的精华,哪些是糟粕。作者从语法、对象、函数、继承、数组、正则表达式、方法、样式和优美的特性这9个方面来呈现这门语言真正的精华部分,通过它们完全可以构建出优雅高效的代码。作者还通过附录列出了这门语言的毒瘤和糟粕部分,且告诉你如何避免它们。最后还介绍了JSLint,通过它的检验,能有效地保障我们的代码品质。
HTML5App商业开发实战教程——基于WeX5可视化开发平台
马科(主编)
推荐指数:★★★★★
简介:这是目前唯一一本真正的HTML5App开发教材,目前已在复旦、北大、西安交大、北京理工等五十多所高校投入教学使用。它的特点是由浅入深、由易到难,将开发技巧、和开发工具结合在一起阐述,同时选取了多个商业项目APP的实战案例进行要点讲解,通俗易懂。
目前来看,JS框架以及一些开发包和库类有如下几个,Dojo 、Scriptaculous 、Prototype 、yui-ext 、Jquery 、Mochikit、mootools 、moo.fx
Dojo (JS library and UI component ):
Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。dojo很想做一个“大一统”的 工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛 应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织 方式。 用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容标准的界面。
优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持
缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。
Prototype (JS OO library):
是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样 的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 Scriptaculous 实现一些JS组件功能和效果。
优点:基本底层,易学易用,甚至是其他一些js特效开发包的底层,体积算是最小的了。
缺点:如果说缺点,可能就是功能是他的弱项
Scriptaculous (JS UI component based on prototype):
Scriptaculous是基于prototype.js框架的JS效果。包含了6个js文件,不同的文件对应不同的js效果,所以说,如果底层用 prototype的话,做js效果用Scriptaculous那是再合适不过的了,连大名鼎鼎的digg都在用他,可见不一般
优点:基于prototype是最大的优点,由于使用prototype的广泛性,无疑对用户书锦上添花,并且在《ajax in action》中就拿Scriptaculous来讲述js效果
缺点:刚刚兴起,需要时间的磨练
yui-ext (JS UI component):
基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件 能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree 控件、动态拖拽效果等等。1.0 beta版开始同Jquery合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。
优点:结构化,类似于java的结构,清晰明了,底层用到了Jquery的一些函数,使整合使用有了选择,最重要的一点是界面太让让人震撼了。
缺点:太过复杂,整个界面的构造过于复杂。
Jquery :
jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优 秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标,
优点:注重简介和高效,js效果有yui-ext的选择,因为yui-ext 重用了很多jQuery的函数
缺点:据说太嫩,历史不悠久。
Mochikit :
MochiKit自称为一个轻量级的js框架。MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便,能够以比原始 JavaScript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文档定制的,如果与 MochiKit 和 Ajax 结合在一起,使用 XHTML 包装的微格式尤其方便。Mochikit可以直接对字符串或者数字格式化输出,比较实用和方便。它还有自己的 js 代码解释器
优点:MochiKit.DOM这部分很实用,简介也是很突出的
缺点:轻量级的缺点
mootools :
MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools跟prototypejs相类似,语法几乎一样。但它提供的功能要比prototypejs多,而且更强大。比如增加了动画特效、拖放操作等等。
优点:可以定制自己所需要的功能,可以说是prototypejs的增强版。
缺点:不大不小,具体应用具体分析
moo.fx :
moo.fx是一个超级轻量级的javascript特效库(7k),能够与prototype.js或mootools框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何HTML元素的CSS属性,包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。
优点:小块头有大能耐
缺点:这么小了,已经不错了
5_疯狂软件_疯狂Java_李刚老师_javaScript_传参模式.wmv种子下载地址:
thunder://QUFodHRwOi8vYWlrYW5keS5vcmcvNV/nlq/ni4Lova/ku7Zf55av54uCSmF2YV/mnY7liJrogIHluIhfamF2YVNjcmlwdF/kvKDlj4LmqKHlvI8ud212P2ZpZD1qZU1ZVkl0TVJ3M1NLWmI2Rm84ZXoweXRBY2tBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBJm1pZD02NjYmdGhyZXNob2xkPTE1MCZ0aWQ9RTUxREQ3QkMwMUE5MjgyQkE3N0VDMUMzQkVCM0NCRjcmc3JjaWQ9MTIwJnZlcm5vPTFaWg==
鄙视拿种子就走滴人!!!
通过增加状态变量来判断是否已处理完事件。
例如,用JQuery实现:
var submitable = true;
$('ul li img').click(function() {
if (submitable) {
submitable = false;
$.ajax({
...
success: function(data) {
....
submitable = true;
}
});
}
});
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns="" xml:lang="en"
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
titleDocument/title
script type="text/javascript"
function myadd(obj,e,fn){
if(obj.attachEvent){
obj.attachEvent("on"+e, fn);
}else{
obj.addEventListener(e,fn,false);
}
}
myadd(window, 'load',function(){
var box1 = document.getElementById("box1");
var close = document.getElementById("close");
var nr = document.getElementById("nr");
var i = 0;
var shuzu = [
'哈哈你被整了!1',
'哈哈你被整了!2',
'哈哈你被整了!3',
'哈哈你被整了!4',
'哈哈你被整了!5',
'哈哈你被整了!6',
'哈哈你被整了!7',
'哈哈你被整了!8',
'哈哈你被整了!9',
'哈哈你被整了!0','哈哈你被整了!1',
'哈哈你被整了!2'
]
close.onclick = function(){
i++;
if(i == 12){
i = 0;
}
nr.innerHTML = shuzu[i]
box1.style.display = 'none'
window.setTimeout(function(){
box1.style.display = 'block'
},400)
}
})
/script
/head
style type="text/css"
.box1{
background:#ccc;
width:200px;
margin:200px auto;
}
.bgs{
position:fixed;
top: 0px;
left: 0px;
background:rgba(0,0,0,0.4);
width:100%;
height: 100%;
}
.box1 .close{
font-size: 18px;
line-height:40px;
background:red;
color:white;
cursor: pointer;
}
/style
body
div class="bgs" id = 'box1'
div class="box1"
div class="close" id = 'close' style = 'text-align:ceter;'点我关闭吧 x/div
div class="nr" id= 'nr'哈哈你被整了!/div
/div
/div
/body
/html
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流