You may often see
website with attractive button or sling appearance. Slide show can be found in
front page as highlight of recent content. To create such thing, web developer
relies on jQuery. As you know, this is another simplified version of JavaScript
to let HTML executes program without much loading. JQuery
slider plugin is needed for browser, so end-users are able to interact. JQuery
is commonly used in Ajax programming.
More about jQuery Sliding Methods
1. slide down and up
Before exploring the example jQuery content slider, you need to know
this script work. jQuery uses JavaScript that means it only works for HTML
related file such website. Nowadays, this technology is part of mobile
application to give more interactive appearance. The main objective of jQuery is
to make end-users send command easily. For example, you can slide content
without loading the whole page then see the other content.
jQuery is also
important part of DOM or Document Object Model. Each of scripts contain object
with their own properties. However, one object can be used frequently depend on
preference. Developers use simple jQuery slide
for home page, but other pages require slide-related interaction.
jQuery responsive
slider is one benefit of this script. Where do you put
jquery? Normally, developers add the main script at head before body section.
Tag HTML is <script> with link relates to Ajax. After that, you can
define properties of slide or toggle such as height, color, width, and type words
to indicate this slide.
jQuery slideDown()
Method is syntax to create down menu. Several properties can
be added such as speed of movement. If you type slowly, the slide will go down
slowly and vice versa. Another property is click function. For website,
end-users need to click to active this slide. Sometimes, slide will activate
when pointer stays over this tag.
You can use jQuery slideUp() Method to create sliding menu
which goes up from recent position. Actually, up and down position depends on
overall website design. You need menu with slide up to simplify page. On the
other hand, the slide down menu is useful to give more part without having too
much space. Do not forget to add style to make slide show more interesting. The
style includes color, spacing, font, margin, etc.
2. creating toggle
jQuery Sliding
Methods have similarity with toggle and the only different is
their syntax. You already knew tag for slide up and down, then move into more
impressive menu with toggle. In general, this menu lets end-user to hit certain
button to send command. Toggle is very practical when website uses form
submission.
To create toggle
menu, you can use jQuery slideToggle() Method.
As usual, this tag is placed on script before body. Do not forget to connect jQuery
with Ajax file. jQuery is only the script to execute certain command, so you
still need to put styles in this part. jQuery is stated as object which uses
style to define its position in website. As similar to previous part, styles
consist of many things such as color, font, height, width, and margin.
Each of jQuery Effects Reference has the specific
objective. Besides for internal utilization, jQuery is also useful for external
application. This is similar to natural behavior of JavaScript.
0 komentar:
Posting Komentar