网站
文章平均质量分 79
gcyxf
这个作者很懒,什么都没留下…
展开
-
创建交互式博客——jquery (1)
最近特别想创建自己的个人博客来记录生活当中的点滴感悟。虽然有很多创建博客的工具,但总感觉不具有自己的特色,想修改的话比较花时间,想创建自己的个人博客的想法就更加强烈了。Codecademy是一个学习创建网页的好的网站,虽然在上面学过很多东西,但是如果不总结、不整理,后面就全都忘掉了。这里就记录下自己的学习感悟。在本篇文章中,主要实现的网站功能是:点击第一篇文章,按“n”快捷方式到下一篇文章;按原创 2015-03-31 12:26:47 · 784 阅读 · 0 评论 -
创建交互式博客——jquery (2)
网页要与用户交互,我们需要用event handler来修改html网页上的内容。jquery提供了一些方法来修改html elements。在jquery中,$()有两种作用:一是选定网页上已有的html elements,比如说$('p')选定了网页上所有的p elements;二是给网页填加新的html elements,$('')则创建一个新的h1 element。.text()方原创 2015-03-31 13:23:17 · 719 阅读 · 0 评论 -
创建交互式博客——jquery (3)
本篇文章主要介绍用jquery创建一个状态更新框,类似于新浪微博和facebook中的update boxes。也就是在update box里面输入想要呈现的信息,点击“post”,该信息就会呈现在你的个人网页里面。在html中,status update box可以通过“status-box” class访问,“Post” button可以通过"btn"来访问,新的信息状态填加新elemen原创 2015-03-31 22:11:07 · 813 阅读 · 0 评论 -
创建交互式博客——jquery (4)
jquery可以是html element具有动感。slideDown()方法通过向下滑动的方式显示选定的html element;slideDown(600)表示下一张图片在600ms内向下滑动。代码如下:$('body').click(function() { $('.slide').slideDown(600).addClass('active-slide');});sli原创 2015-03-31 23:10:37 · 563 阅读 · 0 评论