- Learning jQuery(Fourth Edition)
- Jonathan Chaffer Karl Swedberg
- 158字
- 2021-08-13 17:18:52
Exercises
To complete these exercises, you will need the index.html
file for this chapter as well as the finished JavaScript code as found in complete.js
. These files can be downloaded from the Packt Publishing website at http://www.packtpub.com/support.
The challenge exercise may require the use of the official jQuery documentation at http://api.jquery.com/:
- Alter the stylesheet to hide the contents of the page initially. When the page is loaded, fade in the contents slowly.
- Give each paragraph a yellow background only when the mouse is over it.
- Make a click of the title
(<h2>)
and simultaneously fade it to 25 percent opacity and grow its left-hand margin to20px
. Then, when this animation is complete, fade the speech text to 50 percent opacity. - Challenge: React to presses of the arrow keys by smoothly moving the switcher box 20 pixels in the corresponding direction. The key codes for the arrow keys are:
37
(left),38
(up),39
(right), and40
(down).
推薦閱讀
- Python自然語言處理實戰:核心技術與算法
- TestNG Beginner's Guide
- 精通搜索分析
- The React Workshop
- INSTANT Sencha Touch
- Building Mapping Applications with QGIS
- Building Minecraft Server Modifications
- MySQL數據庫基礎實例教程(微課版)
- MATLAB for Machine Learning
- MySQL入門很輕松(微課超值版)
- Python開發基礎
- Scratch從入門到精通
- Raspberry Pi Blueprints
- Android從入門到精通
- 面向對象分析與設計(第3版)