jQuery基础教程
illuSioN4ng
一个决定在前端路上摸爬滚打的胖次↖(^ω^)↗
展开
-
学习笔记:《jQuery基础教程》第四版第四章课后练习——样式与动画
1、修改样式表,一开始先隐藏页面内容,当页面加载后,慢慢地淡入内容。$(document).ready(function() { $('body').css('display', 'none'); $('body').fadeIn(1500);//自行设置时间 });2、在鼠标悬停到段落上面时,给段落应用黄色背景。$(document).ready(function() {原创 2015-11-19 15:39:19 · 1666 阅读 · 0 评论 -
学习笔记:《jQuery基础教程》第四版第三章课后练习
在Charles Dickens被单击时,给它应用selected样式。 在双击章标题(<h3 class=”chaper-title”>)时,切换章文本的可见性。 当用户按下向右方向键时,切换到下一个body类;右方向键的键码是39. 挑战:使用console.log()函数记录在段落中移动的鼠标的坐标位置。(注意:console.log()可以在Firefox的firebug扩展、Safari的原创 2015-10-08 20:12:07 · 1418 阅读 · 0 评论 -
学习笔记:《jQuery基础教程》第四版第二章课后练习
学习笔记——《jQuery基础教程》第四版第二章课后练习最近抽时间系统的学习下jQuery相关知识,看看《jQuery基础教程》。顺便把课后练习的代码整理发上来看看。 给位于嵌套列表第二个层次的所有< li>元素添加special类; 给位于表格第三列的所有单元格添加year类; 为表格中包含文本Tragedy的第一行添加special类; *挑战:选择包含链接(< a >)的所有列表项(< li原创 2015-10-08 19:48:27 · 2765 阅读 · 0 评论 -
学习笔记:《jQuery基础教程》第四版第五章课后练习——操作DOM
修改添加back top链接的代码,以便这些链接只从第四段后面才开始出现。 在单击back to top链接时,为每个链接后面添加一个新段落,其中包含You were here字样。确保链接仍然有效。 在单击作者名字时,把文本改为粗体(通过添加一个标签,而不是操作类或css属性)。 挑战:在随后单击粗体作者名字时,删除之前添加的元素(也就是在粗体文本与正常文本之间切换)。 挑战:为正文中的每一个段原创 2015-11-26 20:16:42 · 2310 阅读 · 0 评论 -
学习笔记:《jQuery基础教程》第四版第六章课后练习——通过Ajax发送数据
页面加载后,把exercises-content.html的主体(body)内容提取到页面的内容区域。 不要一次就显示整个文档,请为左侧的字母列表创建“提示条”,当用户鼠标放到字母上时,从exercises-content.html中加载与该字母有关的内容。 为页面加载添加错误处理功能,在页面的内容区显示错误消息。修改脚本,请求does-not-exist.html而不是exercises-cont原创 2015-12-23 20:56:59 · 1437 阅读 · 0 评论 -
《jQuery基础教程》第四版第七章课后练习——使用插件
把幻灯片的切换周期延长到1.5秒,把动画效果修改为下一张幻灯片淡入之前,前一张幻灯片淡出。请参考Cycle插件的文档,找到实现上述功能的选项。 设置名为cyclePaused的cookie,将它的有效期设置为30天。 限制书名区域,每次缩放只允许以10像素为单位。 修改滑动条动画,让幻灯片切换时,滑块从当前位置平滑地移动到下一个位置。 不像以前那样循环播放幻灯片,而是在播放完最后一张幻灯片后停止。当原创 2015-12-27 14:51:22 · 1214 阅读 · 0 评论