文件管理 · 2024年7月23日

html教程电子书下载|轻量级HTML5插件使用jQuery绘制SVG图形轮廓线路径动画教程

A. 《HTML5与CSS3基础教程(第7版)》epub下载在线阅读,求百度网盘云资源

《HTML5与CSS3基础教程(第8版)》([美] Elizabeth Castro)电子书网盘下载免费在线阅读

资源链接:

链接:https://pan..com/s/1cjKw7Bihl0rJjYyBYu91sQ 提取码:0yf2

书名:HTML5与CSS3基础教程(第8版)

作者:[美] Elizabeth Castro

译者:望以文

豆瓣评分:8.3

出版社:人民邮电出版社

出版年份:2014-5

页数:417

内容简介:

本书是风靡全球的HTML和CSS入门教程的最新版,至第6版累积销量已超过100万册,被翻译为十多种语言,长期雄踞亚马逊书店计算机图书排行榜榜首。

第8版秉承作者直观透彻、循序渐进、基础知识与案例实践紧密结合的讲授特色,采用独特的双栏图文并排方式,手把手指导读者从零开始轻松入门。相较第7版,全书2/3以上的内容进行了更新,全面反映了HTML5和CSS3的最新特色,细致阐述了响应式Web设计与移动开发等热点问题。书中主要内容包括:如何创建HTML5页面,如何使用HTML5元素,如何用CSS3为网页添加样式,如何向页面添加JavaScript代码,如何测试做好的页面并将其上传到万维网。另外,本书强调渐进增强这种网站设计方法的重要性,并将其贯穿在全书的具体实践中。

作者专为本书设计了内容丰富的配套网站htmlcssvqs.com,提供海量精彩示例、HTML与CSS元素及属性列表以及其他附加材料,方便读者随时参考与引用。

作者简介:

作者简介:

Elizabeth Castro

享誉世界的计算机畅销书作家,电子出版先行者,2010年就出版了epub电子书制作教程EPUB Straight to the Point。Castro 擅长使用详实的步骤和精美的实例教大家快速实现具体效果,她的HTML与CSS系列教程自出版以来广受读者欢迎,成为学习前端开发的首选参考图书。有关Castro的更多信息,可访问其个人主页ElizabethCastro.com。

Bruce Hyslop

自1997年就开始从事网页开发,重点关注使用HTML、CSS和JavaScript进行网页开发和网站易用性的维护,并倡导最佳实践。Hyslop在加州大学洛杉矶分校进修部教授CSS课程,还著有The HTML Pocket Guide、The Web Design Pocket Guide Boxed Set。

译者简介:

望以文

毕业于中国人民大学,曾任网络前端工程师,现为网信金融产品经理。《HTML5与CSS3基础教程(第7版)》译者。热爱产品设计,维护微信公众号projojo,定期向读者推荐新鲜有趣的互联网产品。微博@weakow。

B. 轻量级HTML5插件使用jQuery绘制SVG图形轮廓线路径动画教程

看到网页上炫酷的图形轮廓线路径动画你是否会动心,想要自己来制作一个呢?其实这个特效实现起来并不难,使用轻量级HTML5插件jquery-drawsvg就可以实现了,jquery-drawsvg是一款轻量级的使用jQuery来绘制SVG图形轮廓线路径动画的插件。该插件使用jQuery内置的动画引擎来使SVG元素中path元素产生动画,其底层实现使用的是stroke-dasharray和stroke-dashoffset属性。该SVG路径动画插件的特点有:轻量级,压缩后小于2kb使用简单支持Easing过渡动画效果演示地址:http://www.htmleaf.com/Demo/201509112558.html插件下载地址:http://down.htmleaf.com/1509/201509111546.zip使用方法:使用该SVG图形轮廓线路径动画插件需要引入jQuery和jquery.drawsvg.js文件。<script src="js/jquery.min.js"></script><script src="js/jquery.drawsvg.js"></script>初始化插件在页面DOM元素加载完毕之后,可以通过下面的方法来使SVG图形生成轮廓线动画效果。首先将初始化的对象实例保存为一个变量:var mySVG = $('#my_svg_element').drawsvg();然后就可以执行动画效果了:mySVG.drawsvg('animate');配置参数下面是该SVG路径动画创建的可用配置参数:参数类型默认值描述rationInteger1000完成每一个路径动画的持续时间staggerInteger200每一个路径动画开始前的延迟时间easingStringswing使用jQueryEasing插件的过渡动画效果reverseBooleanfalse是否反向绘制callbackFunctionfunction(){}路径动画完成之后的回调函数